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制成的
