Accounts: hosting, database and logins
Which accounts you need for which kind of site, and the steps to open each one.
A website needs a place to live (hosting). A site with logins and saved data also needs a database. Here is what to pick.
What to pick
A simple website (pages, no logins)
Vercel + GitHub
No database needed. Vercel hosts it for free to start.
A booking or business tool with logins and data
Vercel + Supabase
Supabase gives you a database, logins and file storage. Vercel hosts the website.
A phone app that needs logins and data
Supabase or Firebase
Pick Supabase if you like tables. Pick Firebase if you want push messages and Google sign-in built in.
Live updates for many people, or push messages
Firebase (or Supabase Realtime)
Both can update a screen live. Firebase is strong at push.
A game or a single page
No backend at all
Host the file on Netlify Drop or Vercel.
An AI helper
Vercel + an AI provider key
Keep the key on the server and set a spending limit.
Vercel (hosting)
- Create a GitHub account first (github.com), then choose Continue with GitHub on Vercel.
- Put your project in a GitHub repository.
- In Vercel press Add New, then Project, pick the repository and press Deploy. You get a live link.
- Add secret keys in Project, Settings, Environment Variables, then deploy again.
- Later, add your own domain in Project, Settings, Domains.
The free Hobby plan is for personal, non-commercial use. If the site makes you money, read Vercel's current terms and use a paid plan.
Supabase (database, logins, files)
- Sign up and press New project. Pick a name and the region closest to your visitors.
- Make a strong database password and save it in a password manager. You cannot see it again.
- Open Project Settings, then API. The public (publishable) key can go in the browser. The secret (service role) key must NEVER go in the browser or on GitHub.
- Open the SQL Editor to make your tables, or ask your AI for the SQL and paste it.
- Turn on Row Level Security for every table. Without it anyone with the public key can read the data.
- Open Authentication to turn on email login and add your first user.
Free projects can pause when unused and have size limits. Check the current prices before you promise a client anything.
Firebase (Google: database, logins, push)
- Sign in with a Google account and press Add project.
- Add an app (web or mobile) and copy the settings it gives you into your project.
- Open Authentication and turn on the sign-in methods you want.
- Open Firestore Database, create it, and write security rules. Never leave the database open to everyone.
- Some features need the paid Blaze plan, so check the price and set a budget alert.
Use test mode only while you learn. Test mode expires and is not safe for real customers.
Sharing a site with a client or a learner
- Best: give them a copy, not your account. Put the project on GitHub and send the link. They deploy it in their own Vercel account.
- Moving a live site: Vercel can move a project to another account. Secret keys and domains do not move for free, so the new owner adds their own keys.
- Never share your own login. Never host someone's site on your account without a written agreement about who owns it, who pays, and what happens if they stop.
- Anything on your account is your responsibility: the cost, the abuse and what the site says.
Now try it
Make a website in the Studio: pick a business, change the words and colours, and get your site.