Portfolio

Consistent Styles with TailwindCSS

TailwindCSS is an increasingly popular option to manage CSS. Its popularity arises from its "utility-class" approach to styling, which provides close-to-the-metal control of your styles.

With Tailwind, a global configuration file allows for centralized theming and customization. The recent addition of the just-in-time compiler allows for the addition of most pseudo-classes and elements.

Pre-Rendered React with NextJS

NextJS offers a pre-compiled solution for building React apps, resulting in faster initial renders.

Though not explored in this project, Next also supports a Server Side Generated mode for building server rendered React applications.

Accessibile Components with Headless UI

Headless UI is a component library which is without styling-decisions. This makes it a perfect match for use with TailwindCSS, as headless can handle all the behaviours and accessibility concerns but the look and feel can perfectly mesh with your project's custom styles.

Pre-Commit CI Pipeline with Husky CI

Using Husky CI along with git-staged enforces passing of prettier and es-lint prior to committing.

Continuous Deployment with Vercel

Vercel's offers GitHub hook integrations, deploying new commits to the main branch. Additionally, Vercel offers preview deploys on a separate URL.