Lovable Migrator v4

① Bersihkan ZIP

② Supabase

③ Checklist Deploy

④ Template

▶ wrangler.jsonc — Static Assets (Vite React) semua project Vite

Untuk project Vite React biasa (client-side, tanpa SSR). Ganti nama-project dan tanggal hari ini.

{
  "$schema": "node_modules/wrangler/config-schema.json",
  "name": "nama-project",
  "compatibility_date": "2026-07-02",
  "assets": {
    "directory": "./dist"
  }
}

▶ wrangler.jsonc — TanStack Start + SSR khusus TanStack Start

Untuk project yang pakai TanStack Start dengan server-side rendering.

{
  "$schema": "node_modules/wrangler/config-schema.json",
  "name": "nama-project",
  "compatibility_date": "2026-07-02",
  "compatibility_flags": ["nodejs_compat"],
  "main": "src/server.ts",
  "observability": {
    "enabled": true
  }
}

▶ vite.config.ts — TanStack Start + Cloudflare khusus TanStack Start

Urutan plugin penting! cloudflare() harus SEBELUM tanstackStart(). Tanpa viteEnvironment: {"{"} name: "ssr" {"}"} akan error 404 dev-client-entry.

import { defineConfig } from "vite";
import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import { cloudflare } from "@cloudflare/vite-plugin";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  plugins: [
    cloudflare({ viteEnvironment: { name: "ssr" } }),
    tanstackStart({
      server: { entry: "server" }, // hapus kalau tidak ada src/server.ts
    }),
    react(),
    tailwindcss(),
    tsconfigPaths(),
  ],
});

▶ vite.config.ts — Vite React biasa (tanpa SSR) Vite React standar

Untuk kebanyakan project Lovable yang tidak pakai TanStack Start.

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import path from "path";

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: { "@": path.resolve(__dirname, "./src") },
  },
});

▶ SQL Supabase — Sketsa Berantai (skeber) multiplayer realtime

Jalankan di SQL Editor Supabase. Buat tabel rooms, players, steps + aktifkan Realtime + RLS.

-- Tabel rooms
create table public.rooms (
  id uuid primary key default gen_random_uuid(),
  code text not null,
  created_at timestamptz default now(),
  current_step integer default 0,
  host_id uuid,
  num_players integer default 1,
  status text default 'waiting'
);

-- Tabel players
create table public.players (
  id uuid primary key default gen_random_uuid(),
  created_at timestamptz default now(),
  nickname text not null,
  room_id uuid not null references public.rooms(id) on delete cascade,
  seat integer default 0
);

-- Foreign key host
alter table public.rooms
  add constraint rooms_host_id_fkey
  foreign key (host_id) references public.players(id) on delete set null;

-- Tabel steps
create table public.steps (
  id uuid primary key default gen_random_uuid(),
  created_at timestamptz default now(),
  author_id uuid not null references public.players(id) on delete cascade,
  chain_owner_id uuid not null references public.players(id) on delete cascade,
  drawing_data text,
  kind text not null,
  room_id uuid not null references public.rooms(id) on delete cascade,
  step_index integer not null,
  text_content text
);

-- Aktifkan Realtime
alter publication supabase_realtime add table public.rooms;
alter publication supabase_realtime add table public.players;
alter publication supabase_realtime add table public.steps;

-- RLS — izinkan akses publik (game tanpa login)
alter table public.rooms enable row level security;
alter table public.players enable row level security;
alter table public.steps enable row level security;

create policy "allow all rooms" on public.rooms for all using (true) with check (true);
create policy "allow all players" on public.players for all using (true) with check (true);
create policy "allow all steps" on public.steps for all using (true) with check (true);

▶ Tombol kembali ke Game Hub — standar Arsepat semua game

Paste di halaman lobby/home game. Ganti URL sesuai domain Game Hub. Wajib pakai <a href>, bukan button+Dialog+iframe.

// Tambah di bagian imports: // import { Sparkles, ArrowRight } from "lucide-react";

Arsepat Game Hub

Buka di sini

Bosan nunggu? Coba game seru lainnya!

Dari tebak-tebakan, kuis, hingga party game — semua bikin ketawa bareng teman.

▶ register-sw.ts — tanpa jejak Lovable project PWA

export function registerServiceWorker() {
  if (typeof window === "undefined") return;
  if (!("serviceWorker" in navigator)) return;
  const inIframe = (() => {
    try { return window.self !== window.top; } catch { return true; }
  })();
  const isDevHost = ["localhost","127.0.0.1"].includes(window.location.hostname);
  if (inIframe || isDevHost) {
    navigator.serviceWorker.getRegistrations().then(r => r.forEach(s => s.unregister()));
    return;
  }
  window.addEventListener("load", () => {
    navigator.serviceWorker.register("/sw.js").catch(() => {});
  });
}

▶ .gitignore tambahan untuk Cloudflare semua project

dist/
build/
.wrangler/
.env
.env.local
.env.production
node_modules/