< Introduction to NextJs
13 casts | 1:34:47 for the total course
created by Shahzaib Kamal
-
1. Introduction to Nextjs
- Intro to Next.js | Lesson 1: Introduction to Next.js
- Intro to Next.js | Lesson 2: Creating Our First Next.js App
- Intro to Next.js | Lesson 3: Project Structure
- Intro to Next.js | Lesson 4: Dig Into the Next.js App
- Intro to Next.js | Lesson 5: JSX
- Intro to Next.js | Lesson 6: Routing
- Intro to Next.js | Lesson 7: Nested Routing
- Intro to Next.js | Lesson 8: Dynamic Routing
- Intro to Next.js | Lesson 9: Head Component
- Intro to Next.js | Lesson 10: Links
- Intro to Next.js | Lesson 11: Styling
-
Intro to Next.js | Lesson 12: Images
- Intro to Next.js | Lesson 13: Data Fetching
Transcript
English (Auto-generated)
buddy. So in this video we're going to talk about the next J. S. So what is next days actually? So when I just opened the next Js dot org website, the official website of the next day is what I can see is the big title. It's telling the react framework for production. So what what does it mean? Exactly? And why they say such thing when we are working on the next day's why it is react framework. So actually the next Js is the super set of the react framework itself. But what does it mean the react framework preproduction? So actually it does means that with react you just cannot, you know, release a production version because react is the front end version. So absolutely, you need something to manage the back end for example, you can go with the next uh, no Js or you can use the variable, you can use the code igniter or something like that for the back end. Because react is the front end framework. It cannot just give you the production version of your application, even though you can have the production version of react. But for your application, it just cannot do this. So in the next days you can create the back end and the front end of your application using the one framework, which is next dot Js this is the specialty, one of the uh specialty. It is So it also, you know, gives everything react as. So ultimately, when you're using next Js you're using everything of the reactors because it is the super set of reactors. Uh, the cool thing of the react Js is you can apply the vanilla javascript in the next day in the react Js. And absolutely you can do the same when you're going with the next Js. So that's another cool thing. A few more things that the next day allows you to have the routers. Absolutely. You do not need to have some external library or any other framework for routing. And it's easy for creating a P. I. S. And you know, database management. You can do everything in the next four days. This is you know, the edge Next Chase has anyway. A few things you need to know when you're talking about the next days that uh next days is quite opinionated language. You know, you know, v you know, as a developer. You know sometimes um some people or some developer likes the angular, some developer likes the react and why? Because the reactor is not an an opinionated language but angular is quite opinionated language framework actually. So when we're talking about the next day, it is opinionated. You need to know that. But it is important why? Because you know, when you react the no Js is the next days is covering everything the next days is covering your, you know, uh the back end the next days is covering the french and then everything is being covered by next day. So, absolutely. There has to be the opinionated. For example, when you're creating pages in the next days You just need to write the name of the page and it will automatically become the the ural of the page two. So you just cannot go, you just do not need to create a router file where you define the name of the page and you define the ural of the page, you just need to write the name of the page and it becomes the ural. So this is how it is a kind of, you know, opinionated. This is an important thing I just wanted you guys to know about it. Okay, a few more things that it has its own authentication which is cool, it has its own styling, it has the, you know, bundle optimization, which is very important and you absolutely can create a full fledged production application in it. One more cool thing that when you're working on the next two days you just do not need to install additional packages because it's almost provides everything in it. Unlike you know the react, you have to go with the additional packages. Okay, so these are the things when you're talking about the next days there are a few things I think we need to talk about uh it simplifies uh you know, the process of creating an application. Absolutely, it pre renders the result. So in fact there is a problem when you were, you know, going with the vanilla Js into the next Js there. It can have a little problem because the next Js pre renders, you know the data. So you need to define what you need to get in the client, you know, what is the client side data and what is the server side data? You need to define it anyways. So um one more edges. It just gives, gives us a file based routing. So you do not need to have the router file anyway when you're learning uh the next Js there is a teeny tiny issue that you have to know the react framework when you're going with the next day is because the next day is absolutely requires the react framework and you're ultimately working on the react framework. So you need to know the basic html and CSS Absolutely. You need to know the javascript which is, you know, quite important when you're working on any Js environment, but you also need to have the knowledge of at least the basic react you're going to use a lot of react A P I. S for example, the context, a P I is the local storage, A P I N. All of the react A P. I. S and hooks can be applied on the next day. So, absolutely, you need to know that. So guys, that's it in the next cast. We're gonna talk about how the next actually works and we're going to create our very first file in it until then stay tuned