首页 前端知识 一行代码,轻松建立专属你的NextJS 13 App Router TypeScript项目。SEO/PWA 自动支持。多样选择可供个性化设置。

一行代码,轻松建立专属你的NextJS 13 App Router TypeScript项目。SEO/PWA 自动支持。多样选择可供个性化设置。

2024-08-24 23:08:53 前端知识 前端哥 538 579 我要收藏

你好 ? 我是一个Next13 TypeScript 模板!

GitHub 链接
NPM 链接

使用TailwindCSS和ESLint,配置了PWA和SEO, 由 Li Yuxuan 开发

npx create-easy-next13-template-ts@latest

简单一行代码,轻松设置好专属你的Next13 TypeScript模板网页APP,同时PWA和SEO也同样设置好,你可以按照自己的需求在之上进行修改。大大减少了开发者建立新的网站项目时花费的大量时间对网站环境进行配置。以下是发布在NPM以及GitHub上的该package的详细介绍和教程。

一行代码生成Next13模板

Next13 自动生成TypeScript模板

入门指南

开始之前需要注意几点:

  • 这是一个TypeScript模板。目前不支持JavaScript。
  • 模板将安装最新的NextJS版本(Next13),启用了“App Router”模式。如果您更熟悉传统的“Pages Router”,可以随意更改示例应用程序。(有关“App Router”与“Pages Router”的更多详细信息,请访问NextJS文档了解更多信息!)
  • 默认情况下,模板还将包括以下内容。如果您不希望在项目中包含它们,请随意修改或删除其中的任何内容。如何删除它们的说明已记录在此自述文件的末尾。
    • 安装TailwindCSS
    • 安装ESLint
    • 设置PWA
    • 设置SEO

安装

只需运行 npx create-easy-next13-tem

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16739.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!