Part 1: Implement OrderCloud authentication using the next-auth module

The previous article set up the admin portal’s basic UI structure. In this article, we will learn how to implement OrderCloud user authentication for the admin portal using the next-auth module. You can clone the GitHub repository to refer to the code I’m discussing in this article for implementing OrderCloud authentication. In the previous article, […]

Setup OrderCloud account and API access

In this step-by-step guide, we will look into the process to create an OrderCloud account and setting up the necessary artifacts. The very first step is to create an account in the OrderCloud portal. Open portal.ordercloud.io and register yourself with the appropriate details. Once you are in the portal you should see the dashboard as […]

Styling the components

Styling is the very fundamental requirement of any website. Without styles, your website looks ugly. And React application is no exception. In React, there are different ways we can apply styles to components. In Next.js: _app.tsx Next.js is the React Framework for the Web by Vercel. The _app.tsx is the root component where we can […]

Components and JSX

In React, Components are the basic build blocks, one of the core concepts. We build user interfaces (UI) through components. React lets us combine the markup, CSS, and JavaScript into custom “components,” reusable UI elements for your app. Similar to HTML tags, you can use components like the following to design the pages. A React […]