liwenka1 / next-web-nav

一个简单好用的导航网站

Home Page:https://nav.liwenkai.fun/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

一个简单好用的导航网站

前言

在我们日常学习过程中,一定会收藏许多网站以及工具,于是乎我想到制作了一个导航网站将日常使用的网站以及工具进行整合以便于学习,由于项目难度较低,不进行过多的代码解读,可自行下载代码进行阅读和学习

需求分析

布局

  • 头部信息栏以及切换主题功能
  • 左侧导航栏
  • 右侧卡片信息区域
  • 底部为页脚

技术选型

  • next.js + tailwindcss + shadcn/ui
  • 由于项目本身比较简单所以没有选择过多的技术栈

效果图

next-web-nav-pc next-web-nav-phone

基于 Next.js 的前端导航网站

预览地址

功能介绍

  • 自带前端导航模块
  • 移动端适配
  • 可通过 JSON 自定义导航数据
  • 支持日夜颜色模式切换
  • 支持 Vercel 直接部署上线

说明

  • 此项目完全开源,仅供学习交流使用

About

一个简单好用的导航网站

https://nav.liwenkai.fun/

License:MIT License


Languages

Language:TypeScript 90.9%Language:JavaScript 6.2%Language:CSS 3.0%