# nextjs-typeorm-blog

**Repository Path**: uphg/nextjs-typeorm-blog

## Basic Information

- **Project Name**: nextjs-typeorm-blog
- **Description**: 使用 Next.js + TypeORM 搭建的博客项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-16
- **Last Updated**: 2022-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Next.js & TypeORM 博客项目实战

## 启动数据库

运行一个 docker 容器

```sh
# 在 Docker 中创建一个网络（服务器可不做）
docker network create network1

# 本地运行
docker run --net=network1 --name=psql1 -v "/$PWD/blog-data":/var/lib/postgresql/data -p 5432:5432 -e POSTGRES_USER=blog -e POSTGRES_HOST_AUTH_METHOD=trust -d postgres:12.2

# 服务器上运行
docker run --name=psql1 -v /home/blog/blog-data/:/var/lib/postgresql/data -p 5432:5432 -e POSTGRES_USER=blog -e POSTGRES_HOST_AUTH_METHOD=trust -d postgres:12.2
```

## 清空之前的开发环境

```sh
docker ps
docker kill 容器id
docker rm 容器id

# windows 运行
docker volume ls # 查看当前运行的 volume
docker container prune # 关闭未使用的容器
docker volume rm blog-data # 清除指定 volume

# mac/linux 运行
rm -rf blog-data
```

## 创建数据库

```sh
# 进入指定容器
docker exec -it <id> bash

# 进入 blog 用户
psql -U blog

# 创建 blog_development 数据库
CREATE DATABASE blog_development ENCODING 'UTF8' LC_COLLATE 'en_US.utf8' LC_CTYPE 'en_US.utf8';

# 创建 blog_production 数据库（服务器）
CREATE DATABASE blog_production ENCODING 'UTF8' LC_COLLATE 'en_US.utf8' LC_CTYPE 'en_US.utf8';

# 进入 blog_development 数据库
\c blog_development
```

## 创建数据表

```sh
rm -rf dist
yarn m:run
yarn seed
```

## run

```bash
yarn build
docker build . -t jack/node-web-app

# 本地运行
docker run --name=node1 --network=network1 -p 3000:3000 -dit jack/node-web-app

# 服务器上运行
docker run --name=app --net=host -p 3000:3000 -dit jack/node-web-app

docker logs node1
```

## 一键部署命令

```sh
ssh blog@dev1 'bash -s' < bin/deploy.sh
```

## nginx 配置

运行 nginx 容器

```bash
# 映射静态文件
docker run --name nginx1 --network=host -v /home/blog/nginx.conf:/etc/nginx/conf.d/default.conf -v /home/blog/app/.next/static/:/usr/share/nginx/html/_next/static/ -d nginx:1.19.1
```

nginx 配置（映射静态文件）

```conf
server {
  listen      8080;
  listen [::]:8080;
  server_name localhost;
  location ~ ^/_next/static/  {
    root    /usr/share/nginx/html/;
    expires 30d;
  }

  location / {
    proxy_pass http://0.0.0.0:3000;
  }
}
```

添加 gzip 压缩配置，参考自博客 [gzip not working on nginx](https://serverfault.com/questions/915928/gzip-not-working-on-nginx)

```conf
server {
  listen      80;
  listen [::]:80;
  server_name localhost;
  gzip on;
  gzip_disable "msie6";

  gzip_comp_level 6;
  gzip_min_length 1100;
  gzip_buffers 16 8k;
  gzip_proxied any;
  gzip_types
    text/plain
    text/css
    text/js
    text/xml
    text/javascript
    application/javascript
    application/x-javascript
    application/json
    application/xml
    application/rss+xml
    image/svg+xml/javascript;
  location ~ ^/_next/static/  {
    root    /usr/share/nginx/html/;
    expires 30d;
  }

  location / {
    proxy_pass http://0.0.0.0:3000;
  }
}
```