How to edit website content | Maad Dev.
How to edit website content
One of Maad Dev's key strengths is simple, fast, and secure content editing.
What you can edit
- Website text
- Titles
- Descriptions
- Images and media
- Blog content
Accessing the editor (Nuxt Studio)
| Environment | How to access |
|---|---|
| Your live website | Go to https://yourdomain.com/_studio and log in with your GitHub account |
| During development (for our team) | Studio is embedded automatically when running the site locally |
The editor has 2 main tabs: Content (edit text/data) and Media (upload/manage images).
How to edit content
- Open the editor (Studio) as shown above
- Edit the content you want to change — this is saved as a Draft first, not yet live
- Preview your changes instantly in the same screen
- Click Publish to save it for real
- Wait about 2–5 minutes for your website to rebuild, then refresh to see the result
Why the wait: your website is a Static site (every page is pre-built into files), which is what makes it load so fast — but every edit needs the site to "rebuild" before it goes live.
Watch the video for instructions.
Image tips before you upload
- Always convert images to .webp before uploading (much smaller than .jpg/.png at similar quality) — squoosh.app is a free, easy way to convert
- Don't have your own photos yet? Get free, high-quality images from Unsplash, Pexels, or Pixabay (most require no credit)
- Crop/resize images close to the ratio you actually need before uploading — your website comes with its own guide listing the recommended size for each spot
Common issues
| Symptom | Cause / Fix |
|---|---|
| Edited content, but the live site hasn't changed | You haven't clicked Publish, or the build isn't done yet — wait 2–5 minutes and refresh (try Ctrl+Shift+R) |
| New page or blog post shows a 404 | Wait for the next build to finish (static sites generate new pages at build time) |
| Image not showing on the site | Confirm the image was uploaded and Published |
Benefits of this approach
- No need to log in to complex backend systems.
- Reduces security risks.
- Real-time Preview.
Editing your website should feel simple — not intimidating.
Your Website Structure | Understanding Websites - Maad Dev.
This explains the structure of the Maad Dev website, including its pages, content, and key files for website owners.
Add languages to your website (Multi-language) | Maad Dev
How multi-language websites work with Maad Dev, when to choose it, and how to edit each language's content yourself.