Example demo page

• 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
• 更换图标, sidebar.tsx
• github图标暂时隐藏
• 关于页面

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)

• 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

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

Deploy with Vercel

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

First, run the development server:

<userPrompt>
Rewrite the code in the current editor to incorporate the suggested code change.
</userPrompt>
### 使用postgressql
修改schema.prisma和.env里的配置
## vercel 里go的api
不是api的util代码必须放在_+目录名下如_pkg
https://github.com/vercel/vercel/discussions/7000
### vercel go api和next-auth冲突了
next-auth里通过前端代码实现了auth接口,同时使用go serverless api 在构建时会覆盖?两边的api没法同时存在于一个项目
参考:
https://github.com/nextauthjs/next-auth/issues/6684