Qwik City + PostgreSQL

Key Features

• Zero hydration startup with Qwik's resumability eliminating traditional framework bootstrap delays
• O(1) loading performance that remains constant regardless of application size or complexity
• Server-side rendering with selective client-side resumption for optimal performance
• PostgreSQL ACID compliance ensuring data consistency across complex transactions
• Advanced JSON/JSONB support allowing hybrid relational-document data models
• Qwik City's file-based routing with automatic code splitting at the route level
• PostgreSQL full-text search with ranking and highlighting for content-heavy applications
• Fine-grained reactivity with automatic dead code elimination in production builds

Common Use Cases

• 1E-commerce platforms requiring instant product catalog browsing with complex inventory tracking
• 2Content management systems with real-time editing and PostgreSQL full-text search capabilities
• 3SaaS dashboards that need immediate interactivity while loading complex analytics from PostgreSQL
• 4Multi-tenant applications leveraging PostgreSQL row-level security and Qwik's component isolation
• 5Progressive web apps requiring offline-first capabilities with PostgreSQL synchronization
• 6Enterprise applications with complex form workflows and PostgreSQL transaction management
• 7Real-time collaboration tools using PostgreSQL logical replication and Qwik's reactive updates

Prerequisites

• Docker Engine 20.10+ and Docker Compose v2 for container orchestration
• Minimum 1GB RAM for PostgreSQL optimal performance and query execution
• Port 5173 available for Qwik development server access
• Port 5432 free for PostgreSQL database connections
• Basic understanding of TypeScript and modern JavaScript for Qwik development
• Familiarity with SQL and relational database concepts for PostgreSQL integration

docker-compose.yml

1services: 
2  qwik: 
3    build: .
4    container_name: qwik
5    environment: 
6      DATABASE_URL: postgresql://${DB_USER}:${DB_PASSWORD}@postgres:5432/${DB_NAME}
7    ports: 
8      - "5173:5173"
9    depends_on: 
10      - postgres
11    networks: 
12      - qwik-network
13
14  postgres: 
15    image: postgres:16-alpine
16    environment: 
17      POSTGRES_DB: ${DB_NAME}
18      POSTGRES_USER: ${DB_USER}
19      POSTGRES_PASSWORD: ${DB_PASSWORD}
20    volumes: 
21      - postgres_data:/var/lib/postgresql/data
22    networks: 
23      - qwik-network
24
25volumes: 
26  postgres_data: 
27
28networks: 
29  qwik-network: 
30    driver: bridge

.env Template

1DB_NAME=qwik
2DB_USER=qwik
3DB_PASSWORD=changeme

Usage Notes

Individual Services(2 services)

Copy individual services to mix and match with your existing compose files.

qwik:
  build: .
  container_name: qwik
  environment:
    DATABASE_URL: postgresql://${DB_USER}:${DB_PASSWORD}@postgres:5432/${DB_NAME}
  ports:
    - "5173:5173"
  depends_on:
    - postgres
  networks:
    - qwik-network

postgres:
  image: postgres:16-alpine
  environment:
    POSTGRES_DB: ${DB_NAME}
    POSTGRES_USER: ${DB_USER}
    POSTGRES_PASSWORD: ${DB_PASSWORD}
  volumes:
    - postgres_data:/var/lib/postgresql/data
  networks:
    - qwik-network

Quick Start

1# 1. Create the compose file
2cat > docker-compose.yml << 'EOF'
3services:
4  qwik:
5    build: .
6    container_name: qwik
7    environment:
8      DATABASE_URL: postgresql://${DB_USER}:${DB_PASSWORD}@postgres:5432/${DB_NAME}
9    ports:
10      - "5173:5173"
11    depends_on:
12      - postgres
13    networks:
14      - qwik-network
15
16  postgres:
17    image: postgres:16-alpine
18    environment:
19      POSTGRES_DB: ${DB_NAME}
20      POSTGRES_USER: ${DB_USER}
21      POSTGRES_PASSWORD: ${DB_PASSWORD}
22    volumes:
23      - postgres_data:/var/lib/postgresql/data
24    networks:
25      - qwik-network
26
27volumes:
28  postgres_data:
29
30networks:
31  qwik-network:
32    driver: bridge
33EOF
34
35# 2. Create the .env file
36cat > .env << 'EOF'
37DB_NAME=qwik
38DB_USER=qwik
39DB_PASSWORD=changeme
40EOF
41
42# 3. Start the services
43docker compose up -d
44
45# 4. View logs
46docker compose logs -f

One-Liner

Run this command to download and set up the recipe in one step:

1curl -fsSL https://docker.recipes/api/recipes/qwik-postgres/run | bash

Troubleshooting