Skip to content

Latest commit

 

History

History
184 lines (134 loc) · 4.38 KB

demo-environments.md

File metadata and controls

184 lines (134 loc) · 4.38 KB
Raw

Run on Gitpod

  • port 3001 not exposed, run on http, not https
import { createServer } from 'http';
const s = createServer(server).listen(port);
s.address()
  • fix auth url
// .env.development
PROTOCOL=http
// without '/'
NEXTAUTH_URL=https://3001-jade-gayal-p7d8xqgb.ws-eu25.gitpod.io

// .env.local
DATABASE_URL=postgresql://postgres_user:postgres-external...
// workspace url example
https://nemanjam-nextjsprismaboi-u7qkzmc70mh.ws-eu39.gitpod.io/
// website url example
https://3001-nemanjam-nextjsprismaboi-u7qkzmc70mh.ws-eu39.gitpod.io/

  • Run on Gitpod - final, working:

  • problem: free db without shadow db? solution: use npx prisma db push

  • this is enough to work:

# http - use http server
PROTOCOL=http
# backend will use this, but gitpod will proxy it
PORT=3001
# hardcoded, https
NEXTAUTH_URL=https://3001-nemanjam-nextjsprismabo-dn2irzhpmzu.ws-eu47.gitpod.io

  • shadow db dev.to, prisma docs

  • problem: HOSTNAME is reserved readonly var on Gitpos (and Linux), use other var name

  • good thing HOSTNAME is used only in server.ts (in log, trivial, protocol too) and docker-compose.prod.yml, solution: rename it SITE_HOSTNAME, SITE_PROTOCOL

HOSTNAME=3001-nemanjam-nextjsprismabo-dn2irzhpmzu.ws-eu47.gitpod.io
# resolves to:
3001-nemanjam-nextjsprismabo-dn2irzhpmzu # error

# HOSTNAME=reserved env var on Gitpos (and Linux), readonly
  • both website and api are on https without port:
# Gitpod makes some proxy

# site:
# https://3001-nemanjam-nextjsprismabo-dn2irzhpmzu.ws-eu47.gitpod.io/users/
# api:
# https://3001-nemanjam-nextjsprismabo-dn2irzhpmzu.ws-eu47.gitpod.io/api/users/?page=1

  • .gitpod.yml reference docs

  • can specify custom Docker image with one Dockerfile for example

  • works fine, final:

# http - use http server
SITE_PROTOCOL=http

# only backend will use this port (http server)
# Gitpod will proxy it
PORT=3001

#SITE_HOSTNAME=3001-nemanjam-nextjsprismabo-dn2irzhpmzu.ws-eu47.gitpod.io
# without https://
SITE_HOSTNAME=${PORT}-${HOSTNAME}.${GITPOD_WORKSPACE_CLUSTER_HOST}


# no port in url
#NEXTAUTH_URL=https://3001-nemanjam-nextjsprismabo-dn2irzhpmzu.ws-eu47.gitpod.io
NEXTAUTH_URL=https://${PORT}-${HOSTNAME}.${GITPOD_WORKSPACE_CLUSTER_HOST}

Run on Repl.it

  • install latest Node LTS in console
npm i [email protected]
  • use http, same as Gitpod
  • set auth urls
NEXTAUTH_URL=https://nextjs-prisma-boilerplate.vkostunica.repl.co
NEXT_PUBLIC_BASE_URL=https://nextjs-prisma-boilerplate.vkostunica.repl.co/

  • Repl.it final:

  • install Node.js 16:

  • choose Node16 template (with Nix)

  • checkout code

cp -a ~/nextjs-prisma-boilerplate/. ~/nextjs-prisma-boilerplate-node16/
rm -rf ~/nextjs-prisma-boilerplate
  • install yarn, add yarn to replit.nix, yarn --version
# replit.nix
{ pkgs }: {
	deps = with pkgs; [
		nodejs-16_x
		nodePackages.typescript-language-server
        yarn
	];
}

  • copy .env.development.replit.local.example to .env.development.replit.local and set DATABASE_URL

  • it fails, too weak, nodemon crashes on replit:dev:env

Codesandbox

  • add env vars in Codesandbox left panel, manually
SITE_PROTOCOL=http
PORT=3001
SITE_HOSTNAME=wo9qix.sse.codesandbox.io
NEXTAUTH_URL=https://wo9qix.sse.codesandbox.io
DATABASE_URL=postgres://...
  • set port and yarnscript in sandbox.config.json
  • first terminal is readonly log from this inital process, other terminals are normal Linux terminals from container
{
  "infiniteLoopProtection": true,
  "hardReloadOnChange": false,
  "view": "browser",
  "container": {
    "port": 3001,
    "node": "16",
    "startScript": "codesandbox:dev:env"
  }
}
  • it fails with this, not enough disk space df -H
/dev/rbd22                 1.1G  1.1G   21M  99% /sandbox

# error - Error: ENOSPC: no space left on device, write
rm -rf node_modules && yarn install --ignore-engines

# dont forget
npx prisma generate

# linux distro
lsb_release -a
  • copy .env.development.replit.local.example to .env.development.replit.local and set DATABASE_URL
  • too weak, nodemon crashes on replit:dev:env