资讯专栏INFORMATION COLUMN

Next.js 脚手架进阶 —— 扩展为全栈脚手架

flyer_dev / 466人阅读

摘要:在这里我按照自己的理解粗略的画一个图吧,主要也是为了让大家能更简单明白我的意思文章写的越来越高级了

Next.js脚手架进阶系列

完美契合ant-design

封装fetch && 增加中间件

部署上线

Zeit Now部署

扩展为全栈脚手架

写在前面

作为一个前端,或者说普遍意义上的前端,应该是只做前端应该做的事,涉及到后端相关的知识可能接触不多,甚至,我们在使用服务端渲染框架的时候也只是把它当作优化首屏渲染速度和利于SEO的一种手段,本文就逆向思维的来扩展Next服务端渲染脚手架成一个全栈脚手架。

分支是Next-Antd-Scaffold_backend分支

以前在没接触服务端渲染的时候就会总有这种思路,一般nodejs写项目大体都是nodejs框架(一般我选择express)+ 数据库(一般我选择MongoDB)+ 前端渲染模板,远古时期会使用ejs、jade之类的渲染模板,慢慢的前端框架写多了,就会尝试使用react和vue这种流行的前端框架。嗯,这应该也是很多人的思路,也是按照这个思路,我以前写了一篇Express + React + MongoDB实践 —— 很巧,也是我在掘金写的第一篇文章,思路是先搭建node端,然后渲染接入react前端框架~

然后慢慢随着知识掌握程度加深,逆向思考了一下,nodejs写伪全栈其实也就是几个要素,nodejs + 数据库 + 前端页面。其实服务端渲染框架已经具备了写大前端项目的一些要素。我们只需要在node端把路由api接入,然后在node 端连接上数据库,一个简单的全栈架构就完成了其实,剩下的就是按照我们以前的书写习惯与规范,进行业务开发,当然既然是全栈,在以往只写前端页面的基础上你需要设计数据库,书写API等更加庞大的工作。在这里我按照自己的理解粗略的画一个图吧,主要也是为了让大家能更简单明白我的意思~

文章写的越来越高级了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/6905.html

相关文章

  • 下一代基于Koa的NodeJS全栈开发框架

    Github上的脚手架实在太多,可能大多数都是只专注在前端的web开发,例如流行的React生态中的create-react-app和Vue生态中的Vue-cli, 但是可能作为像我一样的全栈开发,一个只关注在前端开发的脚手架满足不了所有的需求,我们可能需要开发更复杂的全栈JS的项目,所以这里介绍又一个基于NodeJS的全栈开发框架 koa-web-kit,不一定适合所有人,但至少又多了个选择?。...

    oliverhuang 评论0 收藏0
  • react 应用多入口 配置 && 实践总结

    摘要:如果不配置,则将所有的文件都注入。指明生成的路径,如果不配置就是。配置了新的,避免与第一个入口相互覆盖。甚至输入显然不存在的,也显示为的内容。这种现象,初步判断是服务器把所有请求重定向到了。至此,环境的多入口问题就解决了。前端根据自行配置。 背景 还是之前的那个项目,做完国际化没多久,还没来得及划水, 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度, 需要做两套资源。 具体的目...

    Sike 评论0 收藏0
  • react 应用多入口 配置 && 实践总结

    摘要:如果不配置,则将所有的文件都注入。指明生成的路径,如果不配置就是。配置了新的,避免与第一个入口相互覆盖。甚至输入显然不存在的,也显示为的内容。这种现象,初步判断是服务器把所有请求重定向到了。至此,环境的多入口问题就解决了。前端根据自行配置。 背景 还是之前的那个项目,做完国际化没多久,还没来得及划水, 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度, 需要做两套资源。 具体的目...

    curried 评论0 收藏0
  • 2017-06-27 前端日报

    摘要:前端日报精选漫谈函数式编程一十年踪迹的博客前端每周清单的优势与劣势有望超越在嵌入式及物联网的应用现状进阶系列高阶组件详解一前端之路译如何充分利用控制台掘金程序猿升级攻略众成翻译中文译如何充分利用控制台掘金前端从强制开启压缩探 2017-06-27 前端日报 精选 漫谈 JS 函数式编程(一) - 十年踪迹的博客前端每周清单: Vue的优势与劣势;Node.js有望超越Java;JS在嵌...

    Eidesen 评论0 收藏0

发表评论

0条评论

flyer_dev

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<