wangfengyuan/frontend-nav

Front-end navigation website, used to collect high-quality front-end related websites from both domestic and foreign sources for convenient personal use

WebNav

Front-end navigation website, used to collect high-quality front-end related websites from both domestic and foreign sources for convenient personal use

This project is highly inspired by Taxonomy, For learning purpose, to learn how to build a modern app using Next.js 13(with many features like authentication, API routes, static pages for docs, orm, ...etc)

Features

• New /app dir
• Server and Client Components
• UI Components built using Radix UI
• Styled using Tailwind CSS
• Dark mode with next-themes
• Authentication using NextAuth.js
• ORM using Prisma
• MySQL Database on PlanetScale
• Written in TypeScript

Deploy Your Own

You can clone & deploy it to Vercel with one click:

Todo

• Add tailwindcss
• Light/Dark mode
• Database concention
• Authentication
• Adapt to mobile devices
• One click deploy
• And animation by use Framer Motion
• User like and collection

Running Locally

1. Install dependencies using pnpm:

pnpm install

2. Copy .env.example to .env and update the variables.

cp .env.example .env

3. sync database table and add some data

npx prisma db push
pnpm run seed

4. Start the development server:

pnpm dev

frontend-nav's Issues

想部署到cloudflare 遇到不少问题

大佬，有联系方式吗？希望能多多沟通