Back to Blog
    Strapi and Next.js logos side by side

    Building a Blog with Strapi and Next.js

    July 5, 2023

    Building a Blog with Strapi and Next.js

    In this tutorial, we'll build a complete blog using Strapi as our headless CMS and Next.js for the frontend.

    What We'll Cover

    • Setting up Strapi
    • Creating content types
    • Building the Next.js frontend
    • Styling with Tailwind CSS
    • Deployment options
    // Example API call to Strapi
    async function getBlogPosts() {
      const res = await fetch('http://localhost:1337/api/articles')
      const data = await res.json()
      return data
    }