ShangHungTsai / sammy.dev

My personal website πŸ’Ž – Built using Next.js, TypeScript, MDX, contentlayer, Notion and Stitches styled components

Home Page:https://jahir.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stack

Project Structure

.
|____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 projects
  • public/* - Static assets including images, fonts, audios and files
  • src/icons/* - Custom SVG icon paths. Mostly based on Lucide
  • src/styles/* - Some global styles. Built using tailwind classes
  • src/components/atoms/* - The simplest components. Most of them are stateless
  • src/components/compounds/* - Slightly more complex components. Some use or extend atoms
  • src/components/molecules/* - The main blocks for the website: metatags, toolbar, footer and Layout
  • src/components/sections/* - The different sections or pages of my website. (They're here to keep src/pages/ as clean as possible)
  • src/components/mdx/* - Components built specifically for MDX content
  • src/hooks/* - A couple hooks used throughout the app
  • src/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 assets
  • src/pages/blog/* - Static pre-rendered blog pages using MDX
  • src/pages/projects/* - Static pre-rendered projects pages using MDX
  • src/pages/* - All other static pages
  • src/lib/* - Short for "library", a collection of helpful utilities or code for external services
  • src/utils/* - Almost the same as lib just with code built to be used in components
  • src/stitches/* - Setup for stitches themes including colors, spaces, fonts and more

Running Locally

git clone https://github.com/jahirfiquitiva/jahir.dev.git
cd jahir.dev
yarn

Create a .env file similar to .env.example.

yarn dev

Previous versions

All the previous versions of this website can be found at jahirfiquitiva/prev-websites

About

My personal website πŸ’Ž – Built using Next.js, TypeScript, MDX, contentlayer, Notion and Stitches styled components

https://jahir.dev

License:MIT License


Languages

Language:TypeScript 85.3%Language:HTML 9.1%Language:JavaScript 4.5%Language:SCSS 1.0%Language:Shell 0.1%