- Framework: Next
- Styling: Tailwindcss
- Animation: Framer motion
- internationalization: next-intl
- Database: Neon
- ORM: Prisma
- Deployment: Vercel
- Content Management: Velite
$PROJECT_ROOT
βββ content/
βββ messages/
βββ prisma/
βββ public/
βββ src/
βββ app/
βββ components/
βββ providers/
βββ config/
βββ hooks/
βββ lib/
βββ styles/
βββ types/
βββ utils/
βββ i18n.ts
βββ middleware.ts
content/*
: MDX blog posts, projects and the content for theabout
page.messages/*
: Data for multi-language supportprisma/*
: Database Model Definitionpublic/*
: Static resource, like imagesrc/app/*
: Every page and api route in the website. Uses the App Router from Next.js 14src/components/*
: All components I use in the website. Note that the components in the ui folder will be smaller components, such as link, button, dropdown etc.src/providers/*
: All providers I use in the websitesrc/config/*
: Some basic settings or static datasrc/hooks/*
: Some custom hooks for websitesrc/lib/*
: a collection of helpful utilities or code for third-party servicessrc/styles/*
: Global Styles with Tailwindcsssrc/types/*
: Some Global Types definitionssrc/utils/*
: Some utilities functions , but less complex thanlib/
git clone https://github.com/tommm2/jinrup.dev.git
cd jinrup.dev
pnpm install
pnpm run dev
- Create
.env
file similar to.env.example
. - Change
config/site.ts
,config/giscus.ts
,app/sitemap.ts
to you own and Removecontent/*
.
- Add Not Found Page
- Make 3D model(use three.js) in Home Page
- Make brand logo
- Make analytics
- Import playwright to test