Published:
Updated:
To address this, let me share a bit more of what NextJS is and what it can do. NextJS is a new React framework that thrives in ensuring fast loading static websites and hybrid static and server rendering. Since my website is a static one and does not need to be updated frequently, I choose it over React.
Other than NextJS's speed, it also has great built in functions on top of React such as routing easily, inserting links and media such as images. NextJS also thrives in creating websites with the best SEO.
Learn more about NextJS.
For the frontend, I used NextJS to set up the basic layout of the pages, such as a the Home, Works and Blog pages. With regards to the blog of the website, I have used NextJS's dynamic routing that enables me to create dynamic pages that is linked to my backend, in this case - Contentful. I also used addtional packages such as framer-motion to animate the svg elements in the homepage and footer.
Learn more about Framer Motion.
As for the backend, I have used Contentful, which is a headless Content Management System (CMS) so I can quickly deploy and access my database with much ease. Creating dynamic pages for each blog post is easy as the headless CMS creates a REST API with a JSON formatting that can be used and accessed and also altered with the Contentful application.
Learn more about Contentful.
Click here to see the source code.