jebraat.com

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

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

Tech

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)

I took inspiration from two separate repositories:

Make sure to check them out too.

Name		Name	Last commit message	Last commit date
Latest commit History 259 Commits
.idea/codeStyles		.idea/codeStyles
components		components
data		data
layouts		layouts
lib		lib
pages		pages
public		public
styles		styles
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
next-env.d.ts		next-env.d.ts
next-sitemap.config.js		next-sitemap.config.js
next.config.js		next.config.js
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock