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

npx prisma db push

3. Start the development server:

pnpm dev

使用postgressql

修改schema.prisma和.env里的配置

vercel 里go的api

不是api的util代码必须放在_+目录名下如_pkg

vercel/vercel#7000

vercel go api和next-auth冲突了

next-auth里通过前端代码实现了auth接口,同时使用go serverless api 在构建时会覆盖?两边的api没法同时存在于一个项目 参考: nextauthjs/next-auth#6684