Build your first site with CJFG Studio in 20 minutes
No account, no credit card, no code to write. Here’s how to build a real website — and export it — with CJFG Studio, step by step.
You want a site for your business, but the idea of “diving into all that” tires you out in advance? Good news: with CJFG Studio, you can put together a presentable first version in about twenty minutes — no account, no credit card, no line of code. And at the end, you leave with your own code, hosted wherever you like. Here’s how.
Before you start
Have a few things handy to move faster: your business name, one sentence that sums up what you offer, and a few photos (your own always beat generic stock images). Open the Studio in your browser — it runs on desktop, not mobile — and off you go.
1. Pick a starting template
Rather than starting from a blank page, open the template gallery and pick the one closest to your field: restaurant, local shop, professional service, portfolio. Don’t chase perfection here — you’ll customize everything next. The template just gives you a solid structure and good proportions to build on.
2. Replace the content with yours
Double-click any text to edit it right on the page, like in a document. Change the title, the subtitle, your services. For images, click a photo and swap in your own — the Studio automatically optimizes it so it stays light and fast to load.
- Write the way you’d talk to a customer, not like a brochure.
- One clear message per section: who you are, what you offer, how to reach you.
- Don’t forget alt text on your images — it’s good for accessibility and for Google.
3. Add, move and reorganize blocks
On the left you have a library of blocks: hero, gallery, testimonials, contact form, pricing, and more. Drag them onto the page and drop them wherever you want. You can reorder, duplicate or delete them. Take two minutes to explore the style tab: colours, fonts and animations change with a click, for the whole site at once.
4. Check how it looks on mobile
Most of your visitors will arrive on their phone. Use the mobile preview at the top of the screen to make sure everything stays readable: titles not too long, buttons easy to tap, images well framed. The Studio handles the adaptation, but a quick look saves you nasty surprises.
5. Export your code
This is where the Studio stands apart from the rest: you’re not locked in with anyone. Click “Export” to download a ZIP file with the HTML, the CSS and your images — a real, complete site that’s yours. Before exporting, run the built-in check: it flags contrast problems, images without a description, or empty links.
6. Put your site online
Since your site is just a folder of files, you can host it for free on services like Netlify: you drag your folder into the window, and a few seconds later your site is live. Then you connect your domain name, and you’re done. (I’m preparing a dedicated tutorial for that step.)
The best website is the one that exists. Start simple, put it online, improve it later.
And if, along the way, you realize you’d rather hand it off? That’s exactly what I’m here for. The Studio gives you autonomy; I take over whenever you want to go further.
- CJFG Studio
- build a free website
- website builder
- drag and drop
- no-code website
A web project in mind?
Like these ideas? Let's put them to work on your site. You'll be talking directly with the founder.
Read next
Getting found by AI search engines
ChatGPT, Perplexity, Google AI: more and more people ask an AI their questions instead of a search bar. Here’s how to stay visible.
Custom, WordPress or website builder: which one for you?
Three ways to build a site, three different trade-offs. Here’s an honest comparison to choose based on your budget, your needs and the time you want to spend.