This is a website for my Business, FNBG Business Telecoms, and was what led me to my interest in web development.
As part of starting the business there are all sorts of things that you need to get set-up, and one of the most important, I felt, was a website.
My business site started its life as a Google Site which, as anyone who has used the service will know, has severe limitations. The frustrations grew as the site, although functional, was far from easy on the eye. In addition to this, at a time when mobile and tablet browser use were on the rise, the site was a calamity.
I started to learn HTML and CSS and proceeded to create my first static site.
Over the last couple of years I have implemented Twitter Bootstrap, some PHP includes for ease of management / maintenance, as well as a little AJAX for requesting additional content while keeping the initial page size low and requesting content from my (shamefully out-of-date) Blogger Site.
A later version of the site was built with a static site generator called Metalsmith, allowing me to create dynamically generated pages and use build tools such as SCSS, whilst getting the speed and security benefits of a static website. I removed Bootstrap, wrote all the CSS using flexbox and took my first steps into Progressive Web Apps (PWA).
The Current Site
The site has now been rebuilt with Nuxt JS, styled with Tailwind CSS and powered by DatoCMS.
Moving the content into a headless CMS means pages can be updated without touching the code, while Nuxt keeps the site fast and search-engine friendly. Tailwind replaces the hand-written stylesheets with a utility-first approach that keeps the CSS small and the design consistent across every page.