Building Privacy-First Analytics with Edge Functions and SQLite
+How the analytics system works — edge functions, SQLite, no external services, no tracking scripts, no cookies.
+Redirecting...
Redirecting...
Sign in to your account
Sign in to your account
User management is only available in Server Mode
User management is only available in Server Mode
Workspace management is only available in Server Mode
Workspace management is only available in Server Mode
Loading...
Loading...
Engineering notes, tutorials, and project updates.
+How the analytics system works — edge functions, SQLite, no external services, no tracking scripts, no cookies.
+Most AI tools lock you into their provider and pricing. Here's why API key ownership matters.
+A walkthrough of running OSW Studio on your own server with SQLite, edge functions, and site publishing.
+Four resizable panels: chat, file tree, Monaco editor, and live preview. Type what you want, the agent writes files, the preview updates. Click any element in the preview to send it as context back to the AI.
+Type a prompt in the chat panel. Optionally click elements in the live preview with the crosshair tool to give the AI visual context about what to change.
+Reasoning and tool calls appear as expandable badges in the chat. Files populate in the editor with syntax highlighting. The preview iframe recompiles in real time.
+Export a ZIP and deploy anywhere — Netlify, Vercel, GitHub Pages. Or self-host with SQLite and publish directly. Every change is checkpointed; roll back to any point.
+The agent sees the whole project — shared Handlebars layouts, data files, partials across pages. Not one-file-at-a-time generation.
+Bring your own API key. OpenAI, Anthropic, Gemini, Groq, OpenRouter, HuggingFace, SambaNova. Use a ChatGPT subscription. Run local with Ollama or LM Studio.
+MIT licensed. Full project export as ZIP anytime. Self-host the whole platform. No account required. No data sent anywhere except to the chosen AI provider.
+Not just HTML scaffolds. Blog with user auth and moderated comments. Landing page with a working contact form backed by edge functions and SQLite.
+Every tool call, file write, and reasoning step is visible. Expand any operation to inspect it. Checkpoint timeline lets you roll back to any state.
+Everything runs in the browser. Projects stored in IndexedDB. No server, no signup, no account.
+npm install && npm start. SQLite backend, no external database. Publish sites directly.
+| + | OSW Studio | +Bolt | +Lovable | +v0 | +
|---|---|---|---|---|
| Open source | +MIT | +No | +No | +No | +
| Self-hostable | +Yes | +No | +No | +No | +
| Bring your own key | +10+ providers | +No | +No | +No | +
| Multi-page projects | +Shared layouts, data | +Single page focus | +Single page focus | +Components only | +
| Backend features | +SQLite, edge functions | +No | +No | +No | +
| Export | +Full project ZIP | +Limited | +Limited | +Code copy | +
| Cost | +Free (BYOK) | +Credit-based | +Credit-based | +Limited free | +
| Local LLMs | +Ollama, LM Studio | +No | +No | +No | +
How the analytics system works — edge functions, SQLite, no external services, no tracking scripts, no cookies.
+ +Most AI tools lock you into their provider and pricing. Here's why API key ownership matters.
+ +A walkthrough of running OSW Studio on your own server with SQLite, edge functions, and site publishing.
+ +Bug report, question, or feedback.
+ +Message sent. Thanks.
'; + form.style.display = 'none'; + form.parentNode.insertBefore(div, form.nextSibling); + setTimeout(() => { div.remove(); form.style.display = 'block'; }, 4000); + form.reset(); + } + }); +} + +// ========== Utilities ========== + +function showToast(message, type) { + const el = document.createElement('div'); + el.className = 'toast toast-' + (type || 'info'); + el.textContent = message; + document.body.appendChild(el); + requestAnimationFrame(() => el.classList.add('show')); + setTimeout(() => { + el.classList.remove('show'); + setTimeout(() => el.remove(), 300); + }, 2500); +} + +function setupSmoothScroll() { + document.querySelectorAll('a[href^="#"]').forEach(a => { + a.addEventListener('click', (e) => { + const target = document.querySelector(a.getAttribute('href')); + if (target) { + e.preventDefault(); + target.scrollIntoView({ behavior: 'smooth', block: 'start' }); + } + }); + }); +} + +// ========== Init ========== + +document.addEventListener('DOMContentLoaded', () => { + setupSmoothScroll(); + setupMobileNav(); + setupContactForm(); + detectServerMode(); +}); diff --git a/public/deployments/2ddc3e49-1385-43dc-a665-6bde0725579d/sitemap.xml b/public/deployments/2ddc3e49-1385-43dc-a665-6bde0725579d/sitemap.xml new file mode 100644 index 0000000000000000000000000000000000000000..1cc8e944d1c7b275cda3665298659e2c5662fdcc --- /dev/null +++ b/public/deployments/2ddc3e49-1385-43dc-a665-6bde0725579d/sitemap.xml @@ -0,0 +1,21 @@ + +Every template is a complete project — shared layouts, data files, working backend features where applicable. Not wireframes.
+Minimal HTML/CSS/JS structure.
+Multi-page agency portfolio with responsive design.
+Working contact form with Resend integration and SQLite storage.
+Full blog with user auth, comments, and moderation.
+