wuh.site

再次开启一段全新的旅程~~

使用 Nextjs，Mongodb 和 Nest.js 构建的个人网站
由 Koa.js 提供日志分析，ant-design-prod 搭建后台
使用pnpm进行包管理, 架构升级monorepo模式

1. 架构升级,next项目中已升级为monorepo架构，使用pnpm workspace管理
2. 技术栈升级，使用最新的版本的Next.js，开启turbo模式，尝试一下webpack5的全新功能
3. 拆分component组件，将一些通用的组件拆分到独立的组件库中，方便多个项目进行复用
4. css-in-js解决方案, 引入styled-components来实现css-in-js的方案，方便进行css的编写和管理
5. 引入Astro，尝试一下新的静态站点生成器，提升站点的性能和SEO表现，用于管理片段化的笔记内容

项目结构

1. [packages/components] 独立为组件库
2. [packages/wuh.site.next] next项目代码
3. [packages/astro] 静态文档生成器
4. [packages/docs] 文档项目
5. [packages/config] ts配置文件

项目管理

开源许可

启动项目

1.使用 git

1. main分支, 由Next12 + TypeScript + Webpack5 + SASS构建的 TS 应用
2. master分支, 由create-react-app创建的 react 项目
3. v2分支为 Nextjs11 + JS 构建的 react 项目

git clone -b main https://github.com/stack-wuh/wuh.site.git wuh.site

cd wuh.site
yarn

yarn run dev

2.使用 docker

docker pull shadowu/wuh.site:latest

docker-compose up -d

# 制作镜像文件
docker build -f Dockerfile -t shadowu/wuh.site:latest .

# 或者使用docker指令启动镜像
docker run --name nextjs_app_container -it -p 3100:3000 --restart=always shadowu/wuh.site:latest