Websites

I build and maintain a handful of sites for my friends and family. The majority of the sites are fairly static in nature (e.g. portfolios with blogs).

Technology

I wanted to pick a technology stack that was fast to build, easy to maintain while allowing a lot of flexibility. The technology stack I ended up choosing was:

• Next.js as the framework for building the application, using new features such as the app router to easily build static websites.
• Tailwind CSS for styling, which makes it really easy and fast to visually distinct websites.
• Contentlayer for managing content such as blog posts, which easily allows creating blog posts in Next.js

For managing the projects, they are stored in a single monorepo which makes it easy to update the dependencies of all the websites at once, which greatly reduces the time spent maintaining the websites.

Using a monorepo has some other advantages too, such as making it easy to share code between the websites. The monorepo makes use of the following tools to make it easier to manage.

• pnpm workspaces for managing the dependencies of the monorepo
• Turborepo for managing tasks in the monorepo, as well as caching of the tasks to make building the projects much faster