TT Gearbox

Front-end of TT Gearbox TT Gearbox deployed on Netlify

Technologies used

• Svelte - Front-end library, allows for tiny assets
• Sapper - Framework around Svelte that allows SSR & routing
• TailwindCSS - CSS framework that generates utility classes based on a JS config
• PurgeCSS - Tailwind produce a huge CSS files with all the utility classes. PurgeCSS analyses the markup files and find all the classes used. Once parsed, it can remove all the unused one which lead to a a smaller CSS bundle

External services

• Netlify - Static site website host with continuous deployment, custom domain name, automatique SSL & built-in form handling
• Google Analytics - Analytics for the site
• Google Font - Custom font with font swap option
• Sqoosh App - Minification & convertion of images to .webp
• MaterialDesignIcons - Great collection of icons, used in the service section