Next JS Landing Page Starter Template
1.0.0
著陸頁主題在Next.js，tailwind CSS和TypeScript上寫下開發人員經驗：Next.js，Typescript，Eslint，Prettier，Husky，Husky，Lint階段，VSCODE，NETLIFY，NETLIFY，POSTLIFY，POSTCSS，TAIRWIND CSS。
克隆這個項目，並使用它來創建您自己的下一個項目。您可以檢查下一個JS模板演示。
  |  |  |
 |  |  |
| 在這裡添加您的徽標 |
查看我們的現場演示。
開發人員的經驗首先：
styled-jsx郵政信箱Next.js的內置功能：
在我們的Premium Nextjs主題中找到更多組件。
在您的本地環境上運行以下命令：
git clone --depth=1 https://github.com/ixartz/Next-JS-Landing-Page-Starter-Template.git my-project-name
cd my-project-name
npm install
然後，您可以通過實時重新加載在開發模式下本地運行：
npm run dev
打開http：// localhost：3000帶有您喜歡的瀏覽器以查看您的項目。為了獲得您的信息，接下來JS需要花一些時間來第一次編譯該項目。
.
├── README.md # README file
├── next.config.js # Next JS configuration
├── public # Public folder
│ └── assets
│ └── images # Image used by default template
├── src
│ ├── background # Atomic background component
│ ├── button # Atomic button component
│ ├── cta # Atomic cta component
│ ├── feature # Atomic feature component
│ ├── footer # Atomic footer component
│ ├── hero # Atomic hero component
│ ├── layout # Atomic layout component
│ ├── navigation # Atomic navigation component
│ ├── pages # Next JS pages
│ ├── styles # PostCSS style folder with Tailwind
│ ├── templates # Default template
│ └── utils # Utility folder
├── tailwind.config.js # Tailwind CSS configuration
└── tsconfig.json # TypeScript configuration
您可以輕鬆配置主題。請更改以下文件：
public/apple-touch-icon.png ， public/favicon.ico ， public/favicon-16x16.png和public/favicon-32x32.png ：您的favicon，您可以從https://favicon.io/favicon.io/favicon-converter/中生成src/styles/global.css ：使用尾風CSS的CSS文件utils/AppConfig.ts ：配置文件src/pages/index.tsx ：使用Base組件的主題的索引頁src/template/Base.tsx ：使用組件塊的Base組件src/templates/* ：組件塊列表src/* ：SRC中的其他文件夾是組件塊使用的原子組件這是一層：
index.tsx在src/pages中Base模板： src/templates中的Base.tsxsrc/templates/*的組件塊src/*的原子組件您可以在生產模式下在本地看到結果：
$ npm run build
$ npm run start
生成的HTML和CSS文件被縮小（下一JS的內置功能）。它還將從尾風CSS中刪除未使用的CSS。
您可以使用以下方式創建優化的生產構建
npm run build-prod
現在，您的主題已準備好部署。所有生成的文件均位於out文件夾中，您可以使用任何託管服務部署。
在自己的github帳戶上克隆此存儲庫，並部署到Netlify：
如果您是VSCODE用戶，則可以通過在.vscode/extension.json中安裝建議的擴展名來與VSCODE更好地集成。入門代碼提供了與VSCODE無縫集成的設置。還為前端和後端調試體驗提供了調試配置。
專業提示：如果您需要使用Typescript進行項目寬類型檢查，則可以在Mac上運行使用CMD + Shift + B的構建。
歡迎每個人為這個項目做出貢獻。如果您有疑問或發現錯誤，請隨時打開問題。
根據MIT許可許可，版權所有©2024
有關更多信息，請參見許可證。
| | |
| | |
| 在這裡添加您的徽標 |
由CreativedSignsguru製成的
