How to Quickly Launch a Flexible Portfolio Site for $0 Without Web Development Experience: A Compromise Between Flexibility and Simplicity

The origin of the idea and initial requirements

I am a mobile app developer. My knowledge of web development is purely superficial, and I have no practical experience to speak of. When the persistent idea of finally getting my mobile apps to a Google Play release emerged, I immediately thought about how to create a portfolio site to host information about all my projects. At the same time, I didn’t want to spend significant time on creation or support, either now or in the future, and the requirements for the site were not exactly trivial. From the outset, I knew exactly what I needed from the site. However, I wasn’t looking to build something cumbersome: mentally, I was prepared to manually write various abstractions to simplify publishing articles, but I didn’t want to mess around with setting up something as bloated as a typical CMS with modules and similar solutions.

So, here is a bit about the criteria I developed and why I formulated them this way:

Minimum effort for development and support with flexible customisation: Initially, I wanted templates, but ones that I could ‘get under the bonnet’ of to implement what is required, rather than just what the system allows.
SEO-friendly setup: You always want the site to play a role in driving traffic to your mobile apps.
Markdown support: I knew I needed the ability to create a template to wrap my thoughts into a form, as coding from scratch—even if often just copy-pasting every page—is a real pain.
Easy multi-language support: Here again, as in the previous point, it’s about the traffic. Why not cover requests in other languages that might theoretically be less competitive?
The lower the cost, the better: This wasn’t a strict requirement, but it’s always a welcome bonus, especially for indie developers.

Researching options and choosing Astro and Cloudflare Pages

I’ll keep it brief and won’t mention specifically what I tried: various portfolio sites and template generators. The free plans turned out to be heavily restricted: some lacked SEO management, while others made it clear that you couldn’t get anywhere without buying a subscription. But the main reason for discarding the template generation options was that I wasn’t satisfied with their creation mechanics. In some cases, it wasn’t even obvious how to create a basic page. Partly, perhaps I was just in that kind of mood and lacked the motivation to dig deep, and subconsciously the thought was there: “Even though I’m not a web developer and know little about this field, what if I arm myself with an AI assistant and try to create convenient abstractions for a template structure that would be handy for me and my tasks?” There was a fear of getting bogged down in the technical side and failing, as I might hit uncertainties that take too long to resolve, causing my motivation to drop and, ultimately, leading me to abandon the whole thing (I think many are familiar with the fear of losing motivation).

And so, during one of the evenings spent discussing options with an AI, the Astro and Cloudflare Pages route was suggested to me.

Trying the Astro and Cloudflare Pages combo

From chatting with the AI, I realised that this combination completely satisfies my criteria and then some. The top advantages that came as a bonus were:

No fussing with Docker, project builds, or deployment: You give Cloudflare Pages access to the git repository, push to the master branch, and Cloudflare Pages takes care of the build and deployment. In other words, after pushing to master, you don’t need to do anything at all—not even click any extra buttons.
Local verification: Checking what you’ve done locally is literally a one-command job. Check, test, push again.

The conclusion of my test was that my requirements and goals were met; I could continue in this direction, and a draft of my site with its first (initially unrefined) structure was ready in just one evening.

Astro and my criteria

I won’t repeat the praises about this framework that are easily found on Google; I’ll just describe how Astro personally solved my problems and helped meet the criteria listed above:

Minimum effort and flexible customisation: A quick and rough draft of the site was generated in an evening.
SEO-friendly setup: In Astro, every page by default is pure HTML, and as a result, all SEO is in my hands.
Markdown support: Astro has this implemented brilliantly. You can create a structure where there is a web page template, separately define minimal conditions for content display differences which will be pulled from md or mdx files, while for creating a new page later on, only an md or mdx file is created. No HTML copy-pasting to distract from the main thing—creating text content.
Multi-language: This is implemented in Astro via the i18n mechanism. To organise a set of languages, it’s enough to correctly set up the folder structure. I ended up storing strings for each page in an array in JSON format. Each array contains strings with translations into supported languages, and most importantly, translating markdown files is also supported. You just need to set up the structure.
The lower the cost, the better: Cloudflare Pages turned out to be a service with generous limits on the free plan (up to 500 project builds per month). As a result, I only paid for the domain.

Given how fast web development is evolving, Astro and Cloudflare Pages are certainly not the only solutions of this kind, and I can’t say I studied the alternatives in detail. I simply had a ‘match’ with Astro and Cloudflare Pages one evening, my requests were satisfied, and that was all I needed. If your goals are similar, I definitely recommend this combo.

Parting words

A little bit about what I regretted or didn’t consider right away (thoughts for those diving into web development for the first time):

Plan the structure in advance: Before even starting the programmatic creation of a draft site, it’s best to sketch it out in an editor to understand the hierarchy and organise the requirements in your mind.
Unification of reusable components: Think in advance about what will be a repeating component on several pages and think in a design system format to avoid a mess of styles and future refactoring (wasting half a day or a day moving out common styles).
Multi-language: Understand what canonical pages are so that search robots don’t get confused or complain about translated pages.

Conclusion

In my view, even without specific experience in web development, you can create flexible and even powerful sites within reason using the Astro and Cloudflare Pages combo. Armed with AI tools, most problems today are absolutely solvable. And what is important for many—all of this will be free (I see no point in including the domain fee, which is not mandatory but is a worthwhile investment).