Welcome to Server-Side GraphQL with React!

Are you ready to dive into the exciting world of modern web development? In this course, we'll be exploring the powerful combination of GraphQL and Node.js to build powerful GraphQL API’s. Watch and follow along to the course on frontendmasters!

Prerequisites

To make the most out of this course, it's recommended that you have a basic understanding of:

• JavaScript: Familiarity with JavaScript fundamentals such as variables, functions, arrays, and objects will be beneficial.
• APIs: Understanding the basics of how APIs work and how to interact with them.
• Databases: Basic understanding of databases

Course Format

This course is designed to be engaging and interactive, with a blend of:

1. Lecture: We'll start each section with a comprehensive lecture where we'll explain the core concepts and demonstrate how they're applied in real-world scenarios.
2. Practice: Following the lectures, you'll have the opportunity to practice what you've learned through hands-on exercises and coding challenges. This is where you'll solidify your understanding and gain confidence in your skills.
3. Real-World Application: Finally, we'll apply everything you've learned to build a real-world React application powered by GraphQL. You'll see how the concepts come together to create a seamless and efficient user experience.

By the end of this course, you'll not only have a firm grasp of GraphQL on the server with Node.js but also the skills and confidence to build your own GraphQL API’s.

Setup

• Git
  • Fork the repo and pull it down form GitHub
• Node.js v20+
  • Install all the node_modules with npm install
• Turso DB (free)

  • Create a Turso account

  • Follow the instructions to make a new DB (you don’t need a replica)

  • Create a .env file on the root

  • From the Turso Dashboard, grab your DB’s URL and create a token

  • Add them as env vars in the .env file

    TURSO_CONNECTION_URL="your turso db url"
    TURSO_AUTH_TOKEN="your db token"
    

  • Push the schema to your Turso DB with this command npm run db:push