超新星Universal React全栈样板

超新星的全栈样板项目,整合了 ReactFirebaseNodeExpress,前后端一体,挺适合用来做中大型项目的快速原型搭建。SSR 和 Cloud Functions 都配好了,省心不少。

项目结构比较清晰,路由用的是 React Router,状态管理用 Redux,样式方面用的 styled-components,如果你平时就喜欢 CSS-in-JS,应该会觉得蛮顺手。

本地开发体验也不错,一句 npm start 就能跑起来,响应也快,调试也方便。要注意的是 Node 要 10+,还有就是别忘了先装 firebase-tools

配置环境变量也不复杂,直接 cp .env.example .env.development 这类操作搞定一套,多环境切换比较丝滑。

如果你还没 Firebase 项目,记得先建一个,从控制台拿到配置再填进 .env 文件就好。部署的话用 Firebase Hosting 搭 SSR,一键上线,体验还挺像在用 Vercel。

,用它来启动一个带后端逻辑的 React 项目蛮合适的。尤其是你想省掉搭建 SSR、认证、数据库的麻烦,那这个项目能帮你节省不少时间。

对比其他类似项目,比如React + Express 的 Webpack 模板,或者集成 Firebase 的社交项目模板,超新星算是整合得更彻底,前后端打通,适合进阶用。

folder
超新星:Universal React样板。 React,Firebase,Node,Express,Webpack,样式化组件 预估大小:250个文件
file
.eslintrc 348B
file
404.html 2KB
file
.firebaserc 115B
file
Terms.js 3KB
file
Privacy.js 3KB
file
FontFaces.css 1KB
file
Instagram.js 3KB
file
Spinner.js 3KB
file
ModalController.js 2KB
file
rules.bolt 372B
file
index.js 2KB
file
.babelrc 897B
file
start.js 3KB
file
manager-head.html 56B
file
.env.example 276B
file
component.generator.js 3KB
file
loaders.js 2KB
file
.editorconfig 255B
file
.gitignore 549B
file
.eslintignore 78B
zip 文件大小:2.72MB