Fresh Next.js App使用TypeScript创建并配置自动部署

fresh-next-app-typescript 的脚手架配置挺贴心,默认就用了 TypeScript,目录结构也清爽。你只需要一行 yarn create next-app fresh-app,再跑个 npm run dev 就能立马开撸。嗯,页面热更新也响应挺快,调试体验还不错。

pages/index.tsx 是主页面,你可以直接改这个文件来写首页,想写 API 就去 pages/api/ 下加文件,Next 会自动把它当接口用,不用额外配置,蛮方便的。

项目默认是跑在 localhost:3000,用浏览器打开就能看见效果。顺带一提,Next.js 自带的静态生成和服务端渲染也都支持,不管是要做博客、管理后台还是商城入口都能拿它开工。

对了,它还内置了 Vercel 的部署配置,想上线直接一键部署,连 CI/CD 都省了。如果你还不熟 TypeScript,也可以先看看这篇集成示例,挺清楚。

建议:一开始可以只关注 pages 目录和 tsconfig.json,别被其他配置吓到,先跑起来再说~

zip 文件大小:36.81KB