shortpoet / demos

demos

tags

git tag -a 0.1-Base_Config -m "VPS Examples: Vite + SSR + Typescript + Cloudflare Workers"
git push --follow-tags
# git tag -d 1.0-Base_Config
# git push --delete origin 1.0-Base_Config

git tag -a 1.2-Base_Config -m "Vite + SSR + Typescript + Cloudflare Workers + Vitest/Cypress + API"
git push --follow-tags
# git tag -d 1.0-Base_Config
# git push --delete origin 1.0-Base_Config

test-e2e

• port 3000 is hardcoded in the lib (setup.ts L264)

Wrangler

• add other commands to package json to support wrangler

  • at this point we can use either the server or vite to serve the project

• add a vite config file to the project

  • this will allow us to use vite to serve and build the project
  • it will compile the project to the outdir of choice

• add account id to env

  • don't commit

export CLOUDFLARE_ACCOUNT_ID=$(pass Cloud/cloudflare/account_id)
namespace='DEMO_CFW_SSR'
npx wrangler kv:namespace create "$namespace" && \
npx wrangler kv:namespace create "$namespace" --preview

• no need for node-fetch these days it's implemented in their engine (find references)
  • actually it's in node 18

SSL

openssl genrsa -out server.key 2048
openssl req -new -newkey rsa:2048 -days 3650 -nodes -x509 \
  -subj "/C=US/ST=CA/L=San Francisco/O=My Organization/OU=My Unit/CN=mydomain.com" \
  -keyout server.key -out server.crt

openssl req -x509 -newkey rsa:4096 -sha256 -days 3650 -nodes \
-keyout server.key -out server.crt -subj "/CN=example.com" \
-addext "subjectAltName=DNS:shortpoet.com,DNS:www.shortpoet.net,IP:192.168.1.70"

# create in keychain for safari
openssl pkcs12 -in Certificates.p12 -out server.crt.pem -clcerts -nokeys
openssl pkcs12 -in Certificates.p12 -out server.key.pem -nocerts -nodes