杜郎俊赏 - dujun.io

开源实例之Next.js

前言

The React Framework for the Web. Used by some of the world's largest companies, Next.js enables you to create full-stack Web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.

Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、支持 TypeScript、智能化打包、路由预取等功能,无需任何配置。

实例地址

http://nextjs.dujun.eu.org

实例配置

配置描述
系统Debian
开发环境服务端Node.js 16
服务器Nginx
程序Next.js 10.2.3
数据next-blog

实例部署

权限要求

  • 具有系统读写权限
  • 已安装 Node.js
  • 已安装 Nginx

安装程序

官网地址:https://nextjs.org
程序仓库:https://github.com/vercel/next.js
数据仓库:https://github.com/tscanlin/next-blog

#克隆代码
git clone https://github.com/tscanlin/next-blog.git blog
cd blog

#安装依赖
npm install

#生成内容
npm run build:content

#生成静态文件
npm run build:export

实例体验

首页

文章页

进入实例深度体验

后记

本实例仅供参考,不定期重置数据。

体验更多开源实例

标签: 开源实例 个人开源实例 Node.js开源实例 静态博客开源实例
日期:2023-06-09