php程序员写前端页面_学会它(Nextjs),前端也可以和PHP程序员一样了

本文介绍了如何使用Next.js,一个基于React的服务端渲染框架,来构建一个简单的博客系统。通过Node.js服务,Mongoose数据库,以及Next.js的getInitialProps生命周期方法获取数据,实现前端同构方案。在项目过程中,解决了一些编译问题,例如缺少模块错误,通过更新.babelrc文件成功修复。
摘要由CSDN通过智能技术生成

话说 PHP 是世界上“最好”的语言,我不是 PHPer ,所以今天我们的主角不是 PHP ,而是前端(Nextjs)。那么问题来了,Nextjs 是什么?

Next.js is a lightweight framework for static and server-rendered applications.

说直白了:Next.js 是一个基于 React 实现的服务端渲染框架。 好了,今天我们就来聊聊 Next.js 实现。

介绍

该项目通过使用 Nextjs 技术,实现了 React 同构方案。采用 Nodejs 搭建服务,结合 Mongoose 数据库,实现了一个简单的博客系统。

也可以参考项目 v1.0 版本通过 Ejs 模版的实现, 相关文章>>。

技术实现

目录结构

├─server # 服务

│ ├─controllers # 控制器

│ ├─dto #

│ ├─models # 模型

│ ├─routes # 路由

│ └─service

├─pages # 页面

│ ├─…… #

│ └─index.js # 主页面

├─compontents # 组件

│ └─#……

├─config # 配置文件

│ └─#……

├─assets # 静态资源

│ └─#……

├─build # 发布目录

│ └─ #……

├─next.config.js # next配置文件

├─package.json

├─postcss.config.j

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值