In this tutorial, we will be creating a dynamic news website using NextJS (a ReactJS framework) and Prismic (a headless CMS) for managing all our articles that are published on the news site. For styling our react components we will be using TailwindCSS. We will be dealing with - Setting up NextJS project along with TailwindCSS, Understanding the Prismic CMS and how custom types work, Integrating the app to backend Prismic CMS,Creating pages with dynamic routing in NextJS

Make a News Website with NextJS and Prismic

Learn what Jamstack really means and what are the benefits of Jamstack over traditional solutions like running your own server for back-end using the likes of NodeJS or Ruby on Rails.(updated 2020).

What is Jamstack and why should you use it?

This is a complete guide to understand how API routes work in NextJS and how you can use them easily in your next project. We will also cover examples to fully understand it (updated 2020).

How to use NextJS API routes?

Create dynamic meta-tags in your NextJS project using dynamic routing. Meta tags are specific HTML snippets of text and image content that provide a summary for your webpage to web-crawlers like Google-bot. These meta-tags affect how your webpages appear on Google search results or when someone shares a link on social media or in messaging.

Nextjs

Make a News Website with NextJS and Prismic

What is Jamstack and why should you use it?

How to use NextJS API routes?

Create Dynamic meta-tags for your posts in NextJS