NextJS 13 is an amazing higher level framework, built on top of React, that will totally change the way you think about and build web applications.
In this course, we will learn all about the amazing features NextJS 13 has to offer by building a restaurant reservation application where people can view restaurants and reserve tables.
Firstly we are going to explore the file system in NextJS 13. We are going to learn how to create static and dynamic routes by simply defining files and folders.
We are then going to look at how to handle loading, error, not found, and success states within our application.
Then we will move onto the rendering modes of React components. We will learn about the differences between server and client components and when we should use one over the other.
Following that, we will dive into the server side of NextJS. We will spin up a Postgres database and define the models we need with Prisma (ORM). We will learn how to fetch data from this database, depending on the component we are utilizing.
We will then move to the backend and start defining some authentication endpoints. We will implement authentication for scratch by utilizing middleware, hashers and json web tokens.
The authentication endpoints will be consumed by our client and the user data will be stored globally with the context API.
We then move onto the completing our application by building the availability and scheduling system. We will utilize multiple algorithms and logical thinking to accomplish this.
Who this course is for:
Next developers that want to learn about all the changes in version 13
React developers that want to learn a higher level framework
Requirements
You will need to know the basics of ReactJS. A good understanding of hooks and components would suffice.
Last Updated 2/2023
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
2.4 KB
.pad/1
319.4 KB
.pad/10
1.8 KB
.pad/11
597 KB
.pad/12
54.9 KB
.pad/13
110.3 KB
.pad/14
733.5 KB
.pad/15
963.1 KB
.pad/16
917.2 KB
.pad/17
692.2 KB
.pad/18
448.1 KB
.pad/19
542.1 KB
.pad/2
953.2 KB
.pad/20
106.4 KB
.pad/21
594.2 KB
.pad/22
131.9 KB
.pad/23
313.6 KB
.pad/24
333.3 KB
.pad/25
800.2 KB
.pad/26
848.9 KB
.pad/27
727.6 KB
.pad/28
746.6 KB
.pad/29
70 KB
.pad/3
671.3 KB
.pad/30
221.7 KB
.pad/31
600.1 KB
.pad/32
663.1 KB
.pad/33
95.9 KB
.pad/34
199.7 KB
.pad/35
962.2 KB
.pad/36
445.7 KB
.pad/37
494.5 KB
.pad/38
820.8 KB
.pad/39
448.7 KB
.pad/4
71.7 KB
.pad/40
449.9 KB
.pad/41
814.4 KB
.pad/42
143.1 KB
.pad/43
434.6 KB
.pad/44
207.8 KB
.pad/45
522.9 KB
.pad/5
964.5 KB
.pad/6
291 KB
.pad/7
771.3 KB
.pad/8
131.9 KB
.pad/9
785.3 KB
TutsNode.net.txt
63 B
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/10. Building an Availability System/11. Step 2 Fetching the Bookings.mp4
107.3 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/10. Building an Availability System/18. Building a useAvailabilities Hook.mp4
66.5 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/10. Building an Availability System/19. Storing the Reservation Criteria in State.mp4
133.1 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/10. Building an Availability System/20. Rendering the Available Time Options.mp4
91.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/10. Building an Availability System/21.1 convertToDisplayTime.ts
1.7 KB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/10. Building an Availability System/5. Dynamically Rendering the Time Options.mp4
111.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/10. Building an Availability System/7. Defining Our New Models.mp4
77.4 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/11. Building the Scheduling System/10. Storing Our Inputs in State.mp4
89.4 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/11. Building the Scheduling System/12. Making a Reservation From the Client.mp4
84.7 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/11. Building the Scheduling System/3. Step 2.0 Extracting the Table Availability Logic Into it's Own Function.mp4
80.8 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/11. Building the Scheduling System/4. Step 2.5 Determining the Available Tables.mp4
71.5 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/11. Building the Scheduling System/7. Step 5 Creating the Booking and Linking it to the Tables.mp4
134.3 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/1. The Nav and Header.mp4
72.1 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/2. The Search Bar and Restaurant Card.mp4
117.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/4. The Title and Description.mp4
65.3 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/5. The Image Gallery.mp4
82.2 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/6. The Reservation Card.mp4
84.2 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/7. The Menu Page.mp4
67.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/8. The Search Page.mp4
133.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/12. Appendix A - Building the UI/9. The Reserve Page.mp4
74.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/2. File Based Routing and Navigation/3. Adding Tailwind CSS.mp4
69.6 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/2. File Based Routing and Navigation/4.1 html.zip
6.2 KB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/3. Next Components (Server and Client)/1. Cleaning Our Code With Components.mp4
77.4 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/3. Next Components (Server and Client)/2. Refactoring Our Pages.mp4
136.1 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/5. Fetching Data in Server Components/10. Fetching a Restaurant By Slug.mp4
80.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/5. Fetching Data in Server Components/11. Populating the Data in the Restaurant Page.mp4
84.7 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/5. Fetching Data in Server Components/3. Defining Our SQL Schema.mp4
117.2 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/5. Fetching Data in Server Components/4.1 seed.ts
50.8 KB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/5. Fetching Data in Server Components/7. A Little TypeScript Lesson.mp4
66.8 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/5. Fetching Data in Server Components/8. Rendering the Fetched Data.mp4
67.6 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/6. Time to Get Your Hands Dirty/10. Solution for Challenge 5.mp4
114.4 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/6. Time to Get Your Hands Dirty/12. Solution for Challenge 6.mp4
72.8 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/6. Time to Get Your Hands Dirty/16. Solution for Challenge 8.mp4
175.6 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/6. Time to Get Your Hands Dirty/17. Adding a Stars Component.mp4
93.5 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/6. Time to Get Your Hands Dirty/17.1 icons.zip
303.9 KB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/6. Time to Get Your Hands Dirty/4. Solution for Challenge 2.mp4
81.3 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/12. Creating and Sending a JSON Web Token.mp4
71.6 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/13. Implementing the Sign in Endpoint.mp4
97.6 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/14. Identifying Users With Json Web Token.mp4
115 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/15. Adding Middleware.mp4
101.1 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/2. Adding Material UI.mp4
110.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/3. Adding the Modal Content.mp4
120.2 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/4. Completing the Modal Functionality.mp4
104.1 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/7. Validating the User's Input.mp4
86.9 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/8. Implementing Authentication/9. Exploring Password Storage Solutions.mp4
69.2 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/9. Global State With Context API/2. Creating a Custom useAuth Hook.mp4
70.6 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/9. Global State With Context API/4. Creating a AuthContext Component.mp4
136.7 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/9. Global State With Context API/5. Handling the Loading State.mp4
81.3 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/9. Global State With Context API/7. Saving the JWT to Our Browser's Cookie.mp4
98.3 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/9. Global State With Context API/8. Doing the Same Thing For the Signup Function.mp4
71.2 MB
[TutsNode.net] - The Next.js 13 Bootcamp - The Complete Developer Guide/9. Global State With Context API/9. Persisting an Auth State.mp4