• Frontend
  • Backend
  • Deploy

Cinema has always been one of my greatest passions. There's something magical about the way movies can transport you to different worlds and emotions, and I love exploring all the different elements that make up a great film - from direction and photography to scriptwriting and sound design. It's a hobby that has brought me so much joy over the years, which is why I decided to create Filmanía.

Filmanía is my personal blog where I share my opinions, recommendations, top picks, and other thoughts on movies I've seen. To bring this project to life, I used Next.js for the frontend - which is deployed on Vercel - and built static pages and server-side rendering to ensure a seamless user experience. Drawing inspiration from old newspapers, I crafted a design for Filmanía using Adobe XD and then set out to build the various components, add the CSS styles, and create the frontend logic.

The next step was to focus on the backend. For this, I used Strapi - an open-source headless CMS - which is deployed on Heroku's free tier. However, to make the CMS even more powerful, I had to modify the Strapi code to include GraphQL and Contentful. GraphQL helped me filter and display only the information I needed from the API response, which saved me from dealing with excessive data that wouldn't be used. On the other hand, Contentful was added to provide a place where I could store images with responsive sizes.

To complete the project, I used static pages to display the data for simple blog posts and the homepage, while server-side rendering was used for the "section" pages. While it took a lot of time and effort to build Filmanía, I'm incredibly proud of the final product and the joy it brings me to share my love of cinema with others.