GitHub Explorer v1Next.js TypeScript示例项目
Next.js 的 TypeScript 整合项目挺适合前端练手的，github-explorer-v1 就是这么一个例子。结构清爽，代码也不绕，看着顺眼，用起来也顺手。用的是Next.js + TypeScript + styled-components，适合那种想搭一套前后端同构项目，又不想从零开始折腾的人。
样式化组件的组合方式也比较灵活，不用太纠结 className 拼写，写起来更直观。而且整个结构是基于 Next 的 page routing，像pages/index.tsx这种入口清晰，维护起来也简单。
部署的话也方便，照着官方的脚手架命令来一行就搞定：
npx create-next-app --example with-typescript-styled-components-appyarn create next-app --example with-typescript-styled-components-app这个项目其实是两个 Next 官方示例的合体，功能上够用，逻辑也不复杂，适合当快速原型或学习模板。你要是刚入门 TypeScript，或者想摸摸 SSR 的套路，这套模板还蛮合适的。
另外推荐几篇相关文章，想拓展了解可以看看：
- React 开发模板：TypeScript、Styled-Components 等
- 使用 TypeScript 和 Next.js 部署示例
- TypeScript Next.js 实例
- POC Styled Components with TypeScript
- Next.js TypeScript Redux Starter
如果你正好在找一份结构清爽、技术组合合理的前端模板，不妨试试这个。
文件大小：64.76KB
评论区