tailnext

尾声

TailNext是一个免费的开源模板，可使用NextJS + Tailwind CSS制作您的网站。准备开始一个新项目并考虑到最佳实践。

特征

• ✅与支持黑模式的尾风CSS集成。
• ✅灯塔和PagesPeed Insights报告中的生产就绪得分。
• ✅图像优化和字体优化。
• ✅快速且友好的博客。
• ✅基于您的路线生成项目站点和robots.txt 。

目录

• 演示
• 入门
  • 项目结构
  • 命令
  • 配置
  • 部署
• 路线图
• 贡献
• 致谢
• 执照

演示

？ https://tailnext.vercel.app/

入门

• 克隆： git clone https://github.com/onwidget/tailnext.git
• 输入目录： cd tailnext
• 安装依赖项： npm install
• 启动开发服务器： npm run dev
• 在当地环境中查看项目： localhost:3000

项目结构

在尾声模板内部，您将看到以下文件夹和文件：

 /
├── .storybook/
├── app/
│   ├── (blog)
│   │   ├── [slug]
|   |   |   └── page.js
|   |   └── blog
|   |       └── page.js
│   ├── head.js
│   ├── layout.js
│   └── page.js
├── public/
│   └── favicon.svg
├── src/
│   ├── assets/
│   │   ├── images/
|   |   └── styles/
|   |       └── base.css
│   ├── components/
│   │   ├── atoms/
|   |   └── widgets/
|   |       ├── Header.astro
|   |       ├── Footer.astro
|   |       └── ...
│   │── content/
│   |   └── blog/
│   |       ├── demo-post-1.md
│   |       └── ...
│   ├── stories/
│   ├── utils/
│   └── config.mjs
├── package.json
└── ...

Next.JS专家？删除此文件。更新config.mjs和内容。玩得开心！

命令

所有命令均从项目的根部运行，从一个终端：

命令	行动
npm install	安装依赖项
npm run dev	启动localhost:3000
npm run build	将您的生产网站构建为./dist/
npm run preview	部署之前，在本地预览您的构建
npm run storybook	开放故事书以查看小部件的故事
npm run format	格式代码和漂亮
npm run lint:eslint	运行Eslint

配置

即将推出 ..

部署

部署到生产（手册）

您可以使用以下方式创建优化的生产构建

npm run build

现在，您的网站已准备好部署。所有生成的文件均位于dist文件夹，您可以将文件夹部署到您喜欢的任何托管服务。

部署到Netlify

在自己的github帐户上克隆此存储库，并部署到Netlify：

部署到Vercel

在自己的github帐户上克隆此存储库，然后部署到vercel：

路线图

即将推出 ..

贡献

如果您有任何想法，建议或找到任何错误，请随时打开讨论，问题或创建拉动请求。这对我们所有人都非常有用，我们很乐意倾听和采取行动。

致谢

最初是由Onwidget创建的，并由贡献者社区维护。

执照

TailNext已根据MIT许可证获得许可 - 有关详细信息，请参见许可证文件。