NextPersonalWeb个人网站模板基于Next.js和TypeScript
Next.js 的 TypeScript 项目骨架,简单清爽,上手快,适合想搭个个人网站练手的朋友。整个项目结构比较轻,配了基本的 TypeScript 配置,类型提示也比较舒服。
Next.js 的 TypeScript 项目骨架,简单清爽,上手快,适合想搭个个人网站练手的朋友。整个项目结构比较轻,配了基本的TypeScript配置,类型提示也比较舒服。
npx create-next-app --example with-typescript-app一行命令直接跑起来,不需要东拼西凑,挺省事的。用npm install --save-dev typescript
装个 TypeScript 就能立马写起了,.tsx
文件支持也自然接上。
页面结构参考了 Next.js 的惯用写法,比如pages/index.tsx
、public
下放静态资源,和原生 Next 基本一致。想加点样式直接扔 CSS module 文件就行,响应也快,代码也清晰。
部署的话推荐你配合 Vercel 用,毕竟 Next 就是他们搞的。自动部署、预览环境都挺香的,提交代码就能发布,适合一边写一边调。
如果你平时用 Next 但还没上 TypeScript,或者正好想搞个个人主页当简历展示,这个模板还蛮适合用来做个基础框架的。想深入点的话,也可以看看这个TypeScript Next.js 实例,对类型系统整合讲得挺细。
哦对了,要是你喜欢把项目整得更全一点,还能看看这个Next.js TypeScript Redux Starter,顺手加点状态管理也不麻烦。
650.57KB
文件大小:
评论区