Adityacprtm
Aditya Pratama
DevOps Cloud Engineer
Availability
Available for projects

Replies within 24h

Return to Series List

Blog Series

Building my personal portfolio with Vue.js, Strapi and MongoDB

Step-by-step series on building a personal portfolio site with Vue.js as the frontend, Strapi as the CMS backend, and MongoDB as the database.

8 posts updated August 3, 2022

  1. Adityacprtm

    Aug 20222 min readENPart 1

    Post Deployment: Monitoring and Error Tracking

    For status monitoring of applications built both frontend and backend, I use the Status Pages from cron-job.

  2. Adityacprtm

    Aug 20221 min readENPart 2

    Database Setup: MongoDB

    Learn how to set up MongoDB for Strapi. This guide covers creating a free MongoDB Atlas cluster and connecting it to your Strapi CMS.

  3. Adityacprtm

    Aug 20222 min readENPart 3

    Vue Setup: Design, Plugins and Deploy

    How I set up the Vue.js frontend — picking a design system, integrating key plugins, and deploying the portfolio site to production.

  4. Adityacprtm

    Aug 20222 min readENPart 4

    Strapi Setup: Customize Response API

    Here I share how to customize the response from the API, by default the responses given. But there are times when I don't use these fields on the frontend.

  5. Adityacprtm

    Aug 20222 min readENPart 5

    Strapi Setup: Schema, Plugins dan Deploy

    Configure Strapi with essential plugins (email, Cloudinary) and set up content schema for your portfolio project.

  6. Adityacprtm

    Aug 20221 min readENPart 6

    Determining the Tech Stack: Backend

    I will use Headless Content Management System (CMS). I decided to use Headless CMS for the Backend and I will use Strapi as the Backend CMS.

  7. Adityacprtm

    Aug 20222 min readENPart 7

    Determining the Tech Stack: Front End

    This is the second part of my series on building a personal website portfolio. In this blog, I will discuss the frontend stack.

  8. Adityacprtm

    Aug 20221 min readENPart 8

    Little Background

    The story behind building this portfolio — why I built it, tech I chose, and what I learned along the way.

© 2026 Aditya Chamim PratamaContact