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許可證獲得許可 - 有關詳細信息，請參見許可證文件。