jebraat.com

This project was bootstrapped from scratch with create-next-app.

Tech

Framework: Next.js
Database: Supabase
Deployment: Vercel
Styling: Tailwind CSS
Tracking: Plausible

Overview

components/* - Reusable react components used within the app
data/siteMetadata.ts - Settings for the entire app, such as social links, banners, domain etc.
data/blog/* - Static blog posts (md/mdx) parsed during the build step
layouts/* - Reusable page layouts
lib/* - Shared utility functions
pages/api/* - API Routes manages blog post metadata and newsletter subs
pages/blog/* - Static pre-rendered blog pages using MDX - supports nested routes
pages/tags/* - Static pre-rendered pages for each tag used in blog posts (e.g. #saas)
pages/* - All other static pages
public/* - Static assets including images, custom cursor and automatically generated sitemap.xml + robots.txt
styles/* - Tailwind initialization, a few global styles and styles for prism (code highlighting in blog posts)

Credit

I took inspiration from two separate repositories:

Make sure to check them out too.