Flisk logoflisk/demosHow it worksGitHubSponsor

Personal Flisk demo · preview

@yourhandle's Flisk stack

yourhandle is an example handle

This plan is a sample, so nothing was built and nothing runs live. Put your own X handle in the link to get a stack of your own: demo.flisk.si/<your-handle>/python-fastapi-notes-with-redis.

Why this stack

Stack diagram

webfrontendapibackend

Browser → web → api. 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. Traefik routing is built in, so it needs no file of its own.

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.