vyft 0.1.0-alpha

package/templates/fullstack/apps/web/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "{{name}}-web",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.5.2",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5"
+  }
+}

package/templates/fullstack/apps/web/src/app.tsx

@@ -0,0 +1,8 @@
+export function App() {
+  return (
+    <main>
+      <h1>{{name}}</h1>
+      <p>Edit <code>web/src/app.tsx</code> to get started.</p>
+    </main>
+  );
+}

package/templates/fullstack/apps/web/src/main.tsx

@@ -0,0 +1,9 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './app.js';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/templates/fullstack/apps/web/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "lib": ["ESNext", "DOM", "DOM.Iterable"]
+  },
+  "include": ["src"]
+}

package/templates/fullstack/apps/web/vite.config.ts

@@ -0,0 +1,14 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+    },
+  },
+});

package/templates/fullstack/compose.yaml

@@ -0,0 +1,14 @@
+services:
+  db:
+    image: postgres:17
+    restart: unless-stopped
+    ports:
+      - "5432:5432"
+    environment:
+      POSTGRES_DB: {{name}}
+      POSTGRES_PASSWORD: postgres
+    volumes:
+      - db-data:/var/lib/postgresql/data
+
+volumes:
+  db-data:

package/templates/fullstack/dockerignore

@@ -0,0 +1,7 @@
+node_modules
+.git
+.env
+dist
+*.md
+.vscode
+.idea

package/templates/fullstack/gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.env

package/templates/fullstack/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "{{name}}",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "vyft": "latest"
+  },
+  "scripts": {
+    "predev": "pnpm compose:up",
+    "dev": "pnpm --parallel -r dev",
+    "build": "pnpm --parallel -r build",
+    "deploy": "vyft deploy",
+    "compose:up": "docker compose up -d",
+    "compose:down": "docker compose down",
+    "compose:stop": "docker compose stop"
+  }
+}

package/templates/fullstack/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - "apps/*"

package/templates/fullstack/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx"
+  }
+}

package/templates/fullstack/vyft.config.ts

@@ -0,0 +1,37 @@
+import { interpolate } from 'vyft';
+import { swarm } from 'vyft/swarm';
+
+const { service, secret, volume, site } = swarm();
+
+export const dbPassword = secret('db-password', { length: 32 });
+export const authSecret = secret('auth-secret', { length: 64 });
+export const dbData = volume('db-data', { size: '10GB' });
+
+export const db = service('db', {
+  image: 'postgres:17',
+  volumes: [
+    { volume: dbData, mount: '/var/lib/postgresql/data' }
+  ],
+  env: {
+    POSTGRES_PASSWORD: dbPassword,
+    POSTGRES_DB: '{{name}}',
+  }
+});
+
+export const api = service('api', {
+  route: '{{domain}}/api/*',
+  image: { dockerfile: './apps/api/Dockerfile' },
+  env: {
+    DATABASE_URL: interpolate`postgres://postgres:${dbPassword}@${db.host}:5432/{{name}}`,
+    AUTH_SECRET: authSecret,
+    BETTER_AUTH_URL: 'https://{{domain}}/api',
+  }
+});
+
+export const web = site('web', {
+  route: '{{domain}}',
+  spa: true,
+  build: {
+    cwd: './apps/web',
+  }
+});