This website uses cookies to improve your user experience. By continuing to use this website you consent to its use.

NextJS GhostCMS
Blog

This app is a blog app clone built for users to read and write about their favorite topics. I built this project from scratch with React, NextJS, GhostCMS.

With this app I wanted to challenge myself to create blog implementation. The next iteration is to move on to a more robust and flushed out design and to allow for comments.

Type

Personal

Stack

React
Redux
MaterialUI
Firebase
Framer-Motion
Vercel
RememberTodo

Project Purpose and Goal.

This project included 3 phases and iterations of the site. Phase 1 recreating the front-end UI structure and elements of the blog website. Phase 2 was much larger as it involved creating dynamically loaded pages from NextJS SSR.

Phase 3 was creating GhostCMS api hosted on Heroku. Phase 4 was to hook up the frontend to allow it to consume data from the GhostCMS api and output that to the user.

Stack and Explanation

Using NextJS SSR was the clearest choice as this was the fastest and most up to date blog construction style. Server side rendering was used to dynamically produce pages as this would allow authors to create blogs and implement them, this produces the pages instantly to their readers.

Project

Problems and Though Process

Like most projects, I ran into a few bumps whilst implementing this app, one issue was setting up an online server for authors to write to, this was solved by implement GhostCMS on Heroku

After learning more and more about my issues within this app I have a deeper understanding of SSR and online CMS tools.

Lessons Learned

I have learnt many things creating this app. As I wasn't very well accustomed to using GhostCMS or its blogging features.