- Framework: Next.js
- Styling: Stitches (CSS-in-JS)
- Content: MDX, contentlayer and Notion API
- Database: Railway
- ORM: Prisma
- Deployment: Vercel
.
|____content
|____public
|____src
| |____icons
| |____styles
| |____components
| | |____atoms
| | |____compounds
| | |____molecules
| | |____sections
| | |____mdx
| |____hooks
| |____providers
| |____pages
| | |____api
| | |____blog
| |____lib
| |____utils
| |____types
|____scripts
|____tailwind
content/*
- MDX blog posts and projectspublic/*
- Static assets including images, fonts, audios and filessrc/icons/*
- Custom SVG icon paths. Mostly based on Lucidesrc/styles/*
- Some global styles. Built using tailwind classessrc/components/atoms/*
- The simplest components. Most of them are statelesssrc/components/compounds/*
- Slightly more complex components. Some use or extend atomssrc/components/molecules/*
- The main blocks for the website:metatags
,toolbar
,footer
andLayout
src/components/sections/*
- The different sections or pages of my website. (They're here to keepsrc/pages/
as clean as possible)src/components/mdx/*
- Components built specifically for MDX contentsrc/hooks/*
- A couple hooks used throughout the appsrc/providers/*
- React Contexts for different purposes such as: current theme, blog post reactions, sponsors data.src/pages/api/*
- API routes powering/dashboard
, blog post reactions and views, and a page to download github releases assetssrc/pages/blog/*
- Static pre-rendered blog pages using MDXsrc/pages/projects/*
- Static pre-rendered projects pages using MDXsrc/pages/*
- All other static pagessrc/lib/*
- Short for "library", a collection of helpful utilities or code for external servicessrc/utils/*
- Almost the same aslib
just with code built to be used in componentssrc/stitches/*
- Setup for stitches themes including colors, spaces, fonts and more
git clone https://github.com/jahirfiquitiva/jahir.dev.git
cd jahir.dev
yarn
Create a .env
file similar to .env.example
.
yarn dev
All the previous versions of this website can be found at jahirfiquitiva/prev-websites