Skip to content

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

Notifications You must be signed in to change notification settings

wangfengyuan/frontend-nav

Repository files navigation

Example demo page

Example demo page

WebNav

Front-end navigation website, used to collect high-quality front-end related websites from both domestic and foreign sources for convenient personal use, and can also capture web page information with one click to generate shareable cards.

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
  • Screenshot by use Puppeteer
  • call Coze Api

Deploy Your Own

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

Deploy with Vercel

Todo

  • Add tailwindcss
  • Light/Dark mode
  • Database concention
  • Authentication
  • Adapt to mobile devices
  • One click deploy

Running Locally

  1. Install dependencies using pnpm:
pnpm install
  1. Copy .env.example to .env and update the variables.
cp .env.example .env
  1. sync database table and add some data
npx prisma db push
pnpm run seed
  1. Start the development server:
pnpm dev

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published