The main goal of this book is to teach the Next.js framework by creating an stock system containing a variety of screens and functionalities.
Instead of just showing the framework's theory, which can be easily accessed in its excellent documentation we start developing the system in practice.
The aim is for you to learn Nextjs in a practical way by creating a complete system, involving various technologies that are part of a real system, such as Typescript, React, Shadcn and Prisma.
Below is a listing of everything covered in the stock system:
- The new version of Next.js, 14, introduces a new routing system called App Router where instead of using the pages directory, we use the app directory.
- We will cover the App Router throughout the system and see how to create routes, error and loading screens, how to use outlet or children, and how to create dynamic routes, as well as private routes.
- We will learn to create components and pass properties to these components through props and events
- We will learn to create Server Components and ClientComponents understanding how they relate to each other.
- We will learn to manage data through Prisma, a data management library for Node.js, using the power of Next.js and Server Components to directly call data querying and manipulation without the need for another backend server.
- We will use Tailwind CSS to style the stock system and also to create responsive screens.
- We will learn about various shadcn components, how to install them, and how to work with them creating forms, tables, buttons, and much more.
- The forms use zod and react-hook-forms for validation and data handling, integrated with the Form component of shadcn ui.
