How this course is structured - GraphQL Tutorial

Contents

• Introduction Introduction

  • Introducing your full-stack headless CMS site

    38s
  • What you should know

    49s
  • (Locked)
    How this course is structured

    21s
• 1. What's a Headless CMS Anyway? 1. What's a Headless CMS Anyway?

  • What is a CMS?

    3m 57s
  • (Locked)
    Benefits of using a CMS

    4m 56s
  • (Locked)
    Headless architecture explained

    2m 5s
  • (Locked)
    Set up your free tier Contentful account

    1m 23s
• 2. Next.js and Server-Side Rendering 2. Next.js and Server-Side Rendering

  • (Locked)
    Next.js and headless architecture for full-stack happiness

    4m 29s
  • (Locked)
    Set up the Next.js app and deploying to Vercel

    4m 49s
  • (Locked)
    Test your API connection

    2m 13s
• 3. Creating and Querying Contentful Content for Your Front End 3. Creating and Querying Contentful Content for Your Front End

  • (Locked)
    Create your first content entry

    4m 27s
  • (Locked)
    Set up a Contentful preview site

    4m 30s
  • (Locked)
    Familiarize yourself with GraphQL

    2m 51s
  • (Locked)
    Challenge: Request content entry from the Contentful API

    3m 8s
  • (Locked)
    Solution: Request content entry from the Contentful API

    6m 1s
• 4. Plug 'n Play: Plug API into Your Front End 4. Plug 'n Play: Plug API into Your Front End

  • (Locked)
    Styling hacks: JSON payloads to styled content

    7m 9s
  • (Locked)
    Challenge: Add styling to your front end

    41s
  • (Locked)
    Solution: Add styling to your front end

    2m 41s
• 5. Final Project Introduction 5. Final Project Introduction

  • (Locked)
    Purpose of the final project

    1m 24s
  • (Locked)
    Final project MVP guidelines

    2m 8s
• Conclusion Conclusion

  • (Locked)
    Next steps: Final project

    1m 33s