Next TypeScript Starter前端模板入门

黑白配的 Next.js + TypeScript + 样式化组件的 starter 模板,适合想快速起步的你。

项目的结构挺清晰的,pages目录一目了然,静态页面、API 接口都分好了。你只要运行npm run dev,打开浏览器就能看到效果,响应也快,改代码也能立马看到更新,体验不错。

pages/index.tsx这个文件,就是你动手改页面的入口。比如想加个标题、换个颜色,直接改就行了。而pages/api/hello.ts,是后端 API 的写法,放在pages/api里就自动映射到/api/hello路径,免配置,省事多了。

用的是styled-components,想写样式?直接在 JS 里写,支持嵌套、变量,配合 TypeScript 的类型提示,写起来又快又不容易出错。蛮适合喜欢一把梭写法的你。

部署也不麻烦,推荐直接上Vercel,一键连 GitHub 就能上线,适合小团队或者个人开发。想深入了解可以看看Next.js 开发服务器模块这些文章,资料挺全。

如果你正在找一个能快速上手、结构又不乱的 Next.js + TypeScript 项目,这个 starter 还蛮值得一试的。别忘了多试试yarn dev,有时候比npm还快一点哦。

zip
next-typescript-starter-master.zip 预估大小:14个文件
folder
next-typescript-starter-master 文件夹
folder
pages 文件夹
file
index.tsx 2KB
file
_app.tsx 137B
file
.eslintrc 26B
folder
public 文件夹
file
favicon.ico 15KB
file
vercel.svg 1KB
file
next-env.d.ts 75B
folder
styles 文件夹
file
globals.css 275B
file
Home.module.css 2KB
folder
.vscode 文件夹
file
settings.json 390B
file
tsconfig.json 533B
file
README.md 1KB
file
.gitignore 386B
file
package-lock.json 188KB
file
package.json 776B
zip 文件大小:61.52KB