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.tsxpublic下放静态资源,和原生 Next 基本一致。想加点样式直接扔 CSS module 文件就行,响应也快,代码也清晰。

部署的话推荐你配合 Vercel 用,毕竟 Next 就是他们搞的。自动部署、预览环境都挺香的,提交代码就能发布,适合一边写一边调。

如果你平时用 Next 但还没上 TypeScript,或者正好想搞个个人主页当简历展示,这个模板还蛮适合用来做个基础框架的。想深入点的话,也可以看看这个TypeScript Next.js 实例,对类型系统整合讲得挺细。

哦对了,要是你喜欢把项目整得更全一点,还能看看这个Next.js TypeScript Redux Starter,顺手加点状态管理也不麻烦。

zip 文件大小:650.57KB