快速开始
介绍
Next Maker(内部项目名)是一个基于 Next.js 的网站构建工具,它可以帮助你快速创建一个美观、响应式的网站。
技术栈:Tech Stack
快速开始
代码操作
git clone git@gitlab.com:[user-name]/[repo-name].git
建议是从 gitlab fork 到新项目仓库,然后克隆新的仓库代码。
新克隆的代码仓库,建议 3 个远程仓库:
lab
是 gitlab 远程仓库,从 gitlab 克隆的仓库hub
是 github 远程仓库,方便 vercel 部署ups
是 gitlab 的上游仓库,方便同步上游模板仓库的基础功能
git remote add lab https://gitlab.com/[user-name]/[repo-name].git
git remote add hub https://github.com/[user-name]/[repo-name].git
git remote add ups git@gitlab.com:[user-name]/[repo-name].git
安装依赖
pnpm install
运行项目
pnpm dev
部署项目
pnpm build
同步上游仓库
git fetch ups
git merge ups/main
git push hub
网站设置
网站配置
在 config/site.ts
文件中,可以配置网站的标题、描述、favicon 等。
- Logo
网站主题
在 styles/globals.css
文件中,可以配置网站的主题色、字体、边框等。
字体设置
Coming soon...
菜单
在 src/config/menu.ts
文件中,可以配置网站的菜单。
站点地图
在 src/app/sitemap.ts
文件中,可以配置网站的站点地图。
国际化
- 资源文件
messages/
目录下,可以配置网站的国际化。