twotalesanimation
65 lines
1.5 KiB
Markdown
65 lines
1.5 KiB
Markdown
# Deploying ttvfx.com
|
|
|
|
The site is a fully static export, so there is no Node process to run in production.
|
|
|
|
## 1. Build
|
|
|
|
```bash
|
|
npm ci
|
|
npm run build # outputs ./out
|
|
```
|
|
|
|
## 2. DNS
|
|
|
|
`ttvfx.com` does not resolve yet. At the registrar or DNS host (Cloudflare, if
|
|
you want it alongside twotalesvfx.com), add:
|
|
|
|
| Type | Name | Value |
|
|
|------|------|-------|
|
|
| A | `@` | `<VPS IPv4>` |
|
|
| A | `www`| `<VPS IPv4>` |
|
|
|
|
## 3. Upload
|
|
|
|
```bash
|
|
rsync -avz --delete out/ user@your-vps:/var/www/ttvfx.com/
|
|
```
|
|
|
|
## 4. nginx
|
|
|
|
`/etc/nginx/sites-available/ttvfx.com`:
|
|
|
|
```nginx
|
|
server {
|
|
listen 80;
|
|
server_name ttvfx.com www.ttvfx.com;
|
|
root /var/www/ttvfx.com;
|
|
|
|
# www -> apex
|
|
if ($host = www.ttvfx.com) { return 301 https://ttvfx.com$request_uri; }
|
|
|
|
location / {
|
|
try_files $uri $uri/ $uri.html =404;
|
|
}
|
|
|
|
# Hashed build assets can be cached forever
|
|
location /_next/static/ {
|
|
add_header Cache-Control "public, max-age=31536000, immutable";
|
|
}
|
|
|
|
error_page 404 /404.html;
|
|
|
|
gzip on;
|
|
gzip_types text/css application/javascript image/svg+xml application/json;
|
|
}
|
|
```
|
|
|
|
```bash
|
|
sudo ln -s /etc/nginx/sites-available/ttvfx.com /etc/nginx/sites-enabled/
|
|
sudo nginx -t && sudo systemctl reload nginx
|
|
sudo certbot --nginx -d ttvfx.com -d www.ttvfx.com # HTTPS via Let's Encrypt
|
|
```
|
|
|
|
(For Apache, set `DocumentRoot` to the same folder plus `ErrorDocument 404 /404.html`.
|
|
Because the build uses `trailingSlash`, every page is a folder with its own `index.html`.)
|