Chat-to-app builder; apps created since 2026-05-13 use TanStack Start (older ones React + Vite) with Postgres via Lovable Cloud or Supabase.
Build Kit / Content site
How to build a content site or blog for free
Fast pages people find through search and come back to: posts, tags, SEO basics and a newsletter sign-up. Here is a stack that costs nothing to launch, open-source code to start from, and a plan you can paste into an AI builder.
Like a niche blog, a recipe site, product documentation.
Your Build Kit
Content site
Fast pages people find through search and come back to: posts, tags, SEO basics and a newsletter sign-up.
- Emails
- Blog and content pages
- To launch
- $0
- After the free tiers
- ~$25/mo
- Build time with AI
- 6–24 h
Build it with
Browser builder for any JavaScript frontend with Node.js backends (Expo for mobile), plus Bolt Cloud hosting, databases and domains.
Generates Next.js apps with Tailwind and shadcn/ui and deploys them to Vercel.
Agent builds and hosts full-stack web apps with managed PostgreSQL built into every app.
The stack
Every pick has a free plan you can launch a business on, unless it says otherwise. Free tiers checked 2026-10-27.
App framework
TanStack Start MIT
Lovable builds new apps on it (React with server functions), so the code you export runs anywhere that hosts Node or Workers. React apps that need server code and deploy to Node, Workers or most serverless hosts.
Or: React + Vite, Next.js
Free and open source
Stays free
UI components
shadcn/ui MIT
The components AI tools know best: Lovable, v0 and Bolt use them by default, and the code is copied into your project. Copy-into-your-project React components built on Tailwind CSS and headless primitives, with a CLI and registry.
Free and open source
Stays free
Hosting
Cloudflare Workers Service
Free static files with no bandwidth cap, and commercial use is allowed. Publish on your AI builder while you build (its own custom domains need a paid plan), then connect the GitHub repo here to serve it on your domain for free. Full-stack apps and APIs on a global edge, with free static assets.
Workers Free
- Commercial use: no non-commercial clause found
- 100,000 requests/day (Error 1027 beyond that; resets 00:00 UTC)
- 10 ms CPU per request, 128 MB memory
The daily request cap is hard and each request gets only 10 ms of CPU, so heavy server rendering needs the $5 plan.
Workers Paid, $5/mo (10M requests included)
Email sending
Free
- 3,000 emails/month, max 100/day
- 3 verified domains
- Marketing email to up to 1,000 contacts
The 100-per-day cap bites first, and received (inbound) emails count toward the quota too.
Pro $20/mo: 50,000 emails, no daily cap
Analytics
Cloudflare Web Analytics Service
A free, cookie-free traffic counter, especially for sites already on Cloudflare.
Free
- Up to 10 sites not proxied through Cloudflare (no limit if proxied)
- Unsampled data kept 7 days, then aggregated and sampled
- About 6 months of history
It covers basic traffic and Core Web Vitals only, and older data is sampled.
Free; no paid tier for Web Analytics itself
Start from open source
Worth studying before you prompt, or self-host one instead of building from scratch.
Official minimal Astro blog template with posts, RSS and sitemap.
Minimal, accessible, SEO-friendly Astro blog theme with search, tags and light/dark mode.
Publishing platform for blogs and newsletters with memberships and paid subscriptions.
Paid subscriptions use Stripe; managed Ghost(Pro) hosting is paid (optional).
Landing-page and website template with blog and ready-made sections.
Still versioned as a 1.0 beta.
UI kit and libraries
Copy-into-your-project React components built on Tailwind CSS and headless primitives, with a CLI and registry.
Utility-first CSS framework.
The official component/template collection, Tailwind Plus, is paid.
Open-source icon set with packages for React and other frameworks.
Self-host open-source fonts as npm packages.
Font files keep their original licenses (mostly SIL OFL).
Headless rich-text editor framework built on ProseMirror.
Collaboration, comments, AI toolkit and other Platform features are paid (Start $49/mo, Team $149/mo, Business $999/mo; 30-day trial).
Build and preview HTML emails with React components.
Hand-drawn-style whiteboard app and embeddable React component.
Collaborative interface design, prototyping and whiteboarding tool.
AI skills and MCP servers
Guides and connections that make your AI builder produce better code.
Plan the product and key user action first, build UI one component at a time, use real copy and style keywords, ask questions in Plan mode.
- Bolt: Prompt effectivelyService
Plan the app and first prompt, use Enhance prompt, and make small one-at-a-time changes.
Describe the product surface, context of use, and constraints and taste (2025-12-15); the Academy guide adds patterns and starter prompts.
- AGENTS.mdMIT
Open 'README for agents’ format stewarded by the Agentic AI Foundation (Linux Foundation); used by 60k+ open-source projects.
Add an AGENTS.md file at the repository root
The plan
- 1
Write down the plan
30 minutes- Name the people who use it and the one job it does for them.
- List the screens: Home page, post pages and tag pages; Write posts in Markdown (or a CMS) with images; SEO basics: titles, descriptions, sitemap and social images.
- Sketch them on paper or in Excalidraw. Rough is fine.
- Download this kit as AGENTS.md and keep it in your project: it’s the brief your AI tool reads first.
- 2
Set up the foundation
Day 1- Start a new Lovable project and paste the prompt below.
- Publish the first version.
- Publish it and open it on your phone to check it works.
- Connect the project to GitHub so you own the code.
Prompt for Lovable
Build a content site or blog: a content site or blog (a niche blog) The main screens: Home page, post pages and tag pages; Write posts in Markdown (or a CMS) with images; SEO basics: titles, descriptions, sitemap and social images. Use shadcn/ui components, a clean light design, and make every screen work on a phone. Don’t add payments yet. Start with sample data so I can click through it.
- 3
Build the core
Days 2–7- Home page, post pages and tag pages
- Write posts in Markdown (or a CMS) with images
- SEO basics: titles, descriptions, sitemap and social images
- Newsletter sign-up with double opt-in
- Fast pages on phones (static HTML, small images)
Prompt for Lovable
Now build these, one at a time, and let me test each before the next: 1. Home page, post pages and tag pages 2. Write posts in Markdown (or a CMS) with images 3. SEO basics: titles, descriptions, sitemap and social images 4. Newsletter sign-up with double opt-in 5. Fast pages on phones (static HTML, small images)
- 4
Send emails
Week 2- Send emails through Resend, and add its DNS records (SPF and DKIM) so they don’t land in spam.
Prompt for Lovable
Send account emails with Resend from a server function.
- 5
Get it ready to launch
Week 2–3- Add Cloudflare Web Analytics and track the one action that means it’s working (a booking, a sale, a sign-up).
- Go through the launch checklist below.
- Add a privacy policy and terms, then connect your own domain.
- Show it to ten people who have the problem, and watch them use it.
Prompt for Lovable
Review the whole app for security and launch problems before I go live: - every table has row-level security (or server-side checks) and I can’t read another user’s data, - no secret keys in the browser bundle or the repo, - inputs are validated on the server, and sign-up, login and forms are rate-limited, - error pages and empty states exist for every screen, - it works on a phone and with the keyboard. List what you find, fix the serious ones, and tell me what’s left.
Before you launch
- No secret keys in browser code or in git. Rotate any that leaked.
- Server-side validation for every form, plus rate limits on sign-up and login.
- Your sending domain verified (SPF, DKIM), so emails reach the inbox.
- Privacy policy, terms, and a way for people to contact you.
- Error alerts on, and an uptime check on the home page.
- Tested on a phone, with a keyboard only, and with a slow connection.
Risks to plan for
- Search traffic takes months: publish on a schedule and start an email list early.
- Hosted tools (Ghost(Pro), Substack, beehiiv) may cost less than building: check the verdicts.
Free tiers and prices were checked by hand on 2026-10-27. They change often, so each pick links to its own site. Compare every option
What a content site or blog usually needs
- Blog and content pages
- Emails