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
,别被其他配置吓到,先跑起来再说~
36.81KB
文件大小:
评论区