Chapter 03 · Using Your Website
Page 7
How to edit website content
Learn how to easily edit text, images, and content on your Maad Dev website. Get instant results without writing any code.
On this page
How to edit website content
Edit your website yourself, no waiting on anyone, and without touching a line of code.
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. It's 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. The trade-off: 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 scary.
— 7 —