杜郎俊赏 - dujun.io

开源实例之Next.js静态网站

前言

本篇是 Next.js 生成的静态网站实例。另有《开源实例之Next.js》为静态博客实例。

实例地址

https://nextjs-website.dujun.eu.org

实例配置

配置描述
系统Debian
开发环境服务端Node.js 18
服务器Nginx
程序Next.js 13.4.4
数据Liftoff Interviews

实例部署

权限要求

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

安装程序

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

#创建项目
npx create-next-app liftoff --example "https://github.com/Tameyer41/liftoff"
cd liftoff

#向 next.config.js 写入 output: 'export'

#生成静态文件
yarn run build

实例体验

首页

进入实例深度体验

后记

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

体验更多开源实例

标签: 开源实例 Node.js开源实例 运营开源实例 静态网站开源实例
日期:2023-06-09