Herramientas y stack utilizado en el curso

What is the technology stack to create the store with Next.js?

To develop an online store using Next.js, we will make use of a well-selected technology stack that includes Shopify, Postman and Vercel. This set of tools will provide us with a complete environment to handle both front-end and back-end efficiently.

What is Shopify and how is it used?

Shopify is an e-commerce platform that will facilitate the creation and management of our online store. It allows us to manage products, customers and record sales from an intuitive interface. In addition, it provides two types of essential documentation:

• Administration: Helps you manage your store, allowing you to update products and interact with customers.
• Storefront API: Uses GraphQL to connect our ecommerce with external customers. It is highly documented for ease of use.

How will Postman be used in this course?

Postman is an indispensable tool for making API requests, both in GraphQL and REST, making it an ideal choice for exploring and verifying Shopify APIs.

• Download and configuration: You can download Postman for Windows, Mac or Linux.
• Configuration import: We will provide JSON files containing the necessary configurations for collections and environments in Postman.

What is the role of Vercel in our project?

Vercel is the platform we will use to deploy our application. Created by the same company that developed Next.js, it offers a simplified deployment process that supports Edge Functions, among others. With just one click we will be able to deploy our Next.js applications.

How to configure and use Postman?

Postman will be fundamental to interact with Shopify APIs and execute our queries.

How to import collections and environments?

To work efficiently, it is crucial that you import collections and environments into Postman. These JSON files will be available for download in the resources section.

1. Import collections:

   • Navigate to "Settings" > "Data" and select "Import Data File."
   • Import the provided JSON collections file.

2. Import environments:

   • Navigate to "Environment" in Postman.
   • Import the environment file, such as "FutureWord", which contains key variables such as authentication token and store name.

Configuring GraphQL requests in Postman

To perform GraphQL queries with Postman, follow these steps:

1. Create a new collection:

   • Rename the collection, for example, "FutureWord GraphQL".

2. Set up a new request:

   • Use Command-N or Control-N to create a request.
   • Enter the Shopify API endpoint, for example, https://tu-shopify-hostname/api/2023-04/graphql.json.

3. Add necessary headers:

   • Include Shopify-specific headers, especially the authentication header, using the configured environment variables.

4. Execute queries:

   • Write and execute GraphQL queries directly from Postman.

These configurations will ensure an efficient connection to the APIs, allowing data exploration and manipulation in Shopify.

How does the Shopify authentication system work?

The authentication system with Shopify is simple but crucial for query execution. Learn how to manage your Storefront Token to ensure authorized access, and learn how to troubleshoot common authentication issues during the testing phase, ensuring all your requests are valid and secure.

With this stack and well configured tools, we will be ready to successfully create and manage our online store, so be sure to follow every step and watch our store come to life!