Next.js TypeScript电影搜索示例
电影信息一览的搜索界面,用Next.js和TypeScript写起来还挺顺手的。整个项目结构比较清晰,拿来直接改造都不费劲。对新手来说也友好,命令一跑就能起来,部署也简单。
TypeScript 的类型提示在这个例子里用得比较舒服,写代码的时候能帮你避免不少低级错误。而且Next.js自带对 TypeScript 的支持,基本不用自己折腾什么配置,直接装个 typescript
包就搞定。
想快速上手,可以直接运行:
npx create-next-app --example with-typescript-app
或者用 yarn
也行,响应也快:
yarn create next-app --example with-typescript-app
部署方面你要是用 Vercel 的话,几乎就是点几下的事。哦对了,别忘了把 @types/react
和 @types/node
一起装上,才能完整体验类型提示。
如果你平时写项目想图省心,又想保持代码规范,这个例子还是挺值得一试的。顺带给你几个相关的扩展项目链接,想进一步封装 Redux 的也有,方便后期拓展:
48.97KB
文件大小:
评论区