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
还快一点哦。
next-typescript-starter-master.zip
预估大小:14个文件
next-typescript-starter-master
文件夹
pages
文件夹
index.tsx
2KB
_app.tsx
137B
.eslintrc
26B
public
文件夹
favicon.ico
15KB
vercel.svg
1KB
next-env.d.ts
75B
styles
文件夹
61.52KB
文件大小:
评论区