Tategaki Wordpress
Config
Change static/favicon.png to your favicon.
Change src/config.ts
Change the info in src/app.html to your TypeKit ID.
Docker
git clone https://github.com/crosstyan/tategaki-wordpress
cd tategaki-wordpress
docker build -t tategaki-wp -f ./docker/Dockerfile .Or use docker-compose
services:
db:
image: mariadb
restart: unless-stopped
volumes:
- ./db/data:/var/lib/mysql
ports:
- "127.0.0.1:3306:3306"
environment:
MYSQL_ROOT_PASSWORD: YOUR_PASSWORD
php8:
image: php:fpm-buster
restart: unless-stopped
volumes:
- /var/www:/var/www # you wordpress application
ports:
- "127.0.0.1:9000:9000"
nginx:
image: macbre/nginx-http3:latest
restart: unless-stopped
volumes:
- ./conf:/etc/nginx
ports:
- "80:80"
- "443:443"
- "443:443/udp"
tategaki:
build:
context: ./tategaki-wordpress
dockerfile: ./docker/Dockerfile
volumes:
- ./tategaki-wordpress:/root/app
restart: unless-stoppedserver{
server_name example.com;
listen 80;
listen 443 ssl http2;
ssl_certificate /etc/nginx/ssl/example/fullchain.pem; # change this
ssl_certificate_key /etc/nginx/ssl/example/privkey.pem; # change this
ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3;
ssl_prefer_server_ciphers on;
ssl_session_cache shared:SSL:50m;
ssl_session_timeout 1d;
# forward to node server
# no Websocket support (don't need)
location / {
proxy_set_header X-Forwarded-For $remote_addr;
proxy_set_header Host $http_host;
proxy_pass http://tategaki:3000;
}
}Developing
Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --openBuilding
To create a production version of your app:
npm run buildYou can preview the production build with npm run preview.
To deploy your app, you may need to install an adapter for your target environment.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent