Series
Your Portfolio With Manablox
Build a portfolio website with the Manablox CMS: first without code, then with your own Astro frontend, and finally online with your own domain.
Beginner
Seven parts, from an empty folder to a portfolio on the internet. You install Manablox, design a site in the admin without code, fill it with your work, build your own frontend in Astro for the same content, and put it all on a server. No experience with a CMS needed: every step is explained, with screenshots and every command.
Quest line
- Part 1: Install Manablox and Create Your CMSInstall Node.js, pnpm and Docker, create a Manablox project with one command and set up your admin account.25 min
- Part 2: A Designed Portfolio Without CodeCreate your first space as a ready-made portfolio, pick a theme and a design, and see your website running.20 min
- Part 3: Fill the Portfolio With Your WorkUpload pictures, turn the example projects into your own, edit the sections of your pages, and give the site your name and colors.35 min
- Part 4: Your Own Frontend With AstroRead your content through the public API, create an Astro website that shows it, and switch the space over to your own frontend.30 min
- Part 5: Layout, Hero and Project CardsGive the Astro site a layout with header and footer, a big hero, project cards with covers and a proper project page.40 min
- Part 6: Gallery, Contact and the Finishing TouchesStyle the remaining sections, add a field to a content type for a contact button, describe your pages for search engines and build the site for production.40 min
- Part 7: Put Your Portfolio OnlineRent a server, point your domain at it, and run the CMS, the public API and your Astro site there with Docker and automatic HTTPS.45 min