Flisk logoflisk/demosHow it worksGitHubSponsor

Personal Flisk demo · preview

@yourhandle's Flisk stack

Saving is paused for a few hours

So many people asked for a stack today that we reached the free daily storage limit. Your plan below is ready and free to use: copy the commands or the service.json files and run it on your machine now. The repo build and the live run come back after the limit resets at 00:00 UTC (in about 11 hours). Open this same link again then.

Flisk quick startSponsor

popped 0Pop some bubbles.

Why this stack

Stack diagram

webfrontendapibackend

Browser → web → api → Postgres. Workers and migrators share the same database. Traefik routes every service on *.localhost.

Run it

npm install -g @flisk-sh/flisk
flisk doctor
flisk project --yes
flisk resource web --type frontend --stack app --framework react --yes
flisk resource api --type backend --stack app --language python --feature redis --yes
flisk up app
flisk status

Docs

Your service.json files

One service.json each. Postgres comes from "prisma" and Traefik routing is built in, so neither needs its own file.

webfrontendreact app
// services/app/web/service.json
{
  "$schema": "https://flisk.sh/schema.service.json",
  "schemaVersion": 1,
  "appName": "web",
  "appType": "frontend",
  "stack": "app",
  "port": 3000,
  "framework": "react",
  "dependsOn": [
    "api"
  ]
}
apibackendpython API
// services/app/api/service.json
{
  "$schema": "https://flisk.sh/schema.service.json",
  "schemaVersion": 1,
  "appName": "api",
  "appType": "backend",
  "stack": "app",
  "port": 4000,
  "language": "python",
  "healthCheckPath": "/health",
  "featuresEnabled": [
    "redis"
  ]
}

Note: No frontend framework named, so this uses React. Say vue, svelte or solid to switch.

Want one for a friend?

Ask @grok on X with their handle and what they build.