Skip to content

🚀 My personal website and blog - Nextjs, TailwindCSS, Supabase and Typescript

License

Notifications You must be signed in to change notification settings

JohnBra/jebraat.com

Repository files navigation

jebraat.com

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

Tech

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.