Personal CMS
Personal CMS for personal branding
This is a project that came out mainly for personal learning and a bunch of experiments. The best way to lear a new framework or a tech stack is to experiment and to put it to practice on the context of a real project. Then what project? What about putting together all my stuff, a blog, a portfolio, stories, contact details and social medias, and expand it from there into new features.
True is that this is probably something easily achievable with other page builders, but by building myself I had the chance of truly up-skill with some tools, such as Prisma ORM, Serverless for image optimisation, TailwindCSS and Google Firebase SDK.
Blog content
Create and manage blog posts with a powerful rich text editor powered by Lexical JS, offering structured and extensible content generation. Easily add a cover image from the integrated media gallery and assign relevant tags to enhance content discovery and SEO.
Built for flexibility and precision, this setup streamlines content publishing for modern web experiences.
Portfolio
Easily showcase your projects with a structured, maintainable system tailored for software developers. Add detailed project descriptions, manage individual features with status tracking, and keep your portfolio up to date as your work evolves.
Specify the full tech stack used, and include links to live demos or public GitHub repositories—ensuring your work is presented with clarity and credibility.
Image storage and optimisation
Deployed as a serverless function on Google Cloud, this system leverages Prisma for database operations and the Firebase SDK for seamless interaction with the CMS Storage Bucket. Integrated with SharpJS, every uploaded image is automatically processed—optimized for performance and converted to the modern .webp format.
The pipeline generates two assets per upload: a high-quality optimized version and a lightweight thumbnail, ensuring fast load times and responsive media delivery across all devices.
