Getting Started with Next.js
A beginner guide Video in Urdu and Hindi for those who want to learn Nextjs :
Getting Started with Next.js - Typescript in Hindi / Urdu
- You might want to generate static site with High perfomance and SEO.
- Code has to be bundled using a bundler like webpack and transformed using a compiler like Babel. You need to do production optimizations such as code splitting.
- You might want to statically pre-render some pages for performance and SEO.
- You might also want to use server-side rendering or client-side rendering.
- You might have to write some server-side code to connect your React app to your data store.
Next.js, the React Framework.
Next.js provides a solution to all of the above problems. But more importantly, it puts you and your team in the pit of success when building React applications.
Important features of Nextjs are :
- File-base routing
- Server Side rendering
- API Routes
- Built-in support for Typescript and SaSS.
- Static site generation
We can create a new NextJS project by running following command :
npx create-next-app step01 --ts
Here in our project we use Typescript to create our components.We can start our NextJS application locally by running :
npm run dev
Then we can updated components in pages folder. A component exported from pages folder will be available as route in NextJS Application.
Hello, I'm Abdul Waqar
A Software Engineer using cutting Edge technologies to develop Super fast Software solutions . I like to write about React , NextJS, NodeJS, Cloud Computing and React Native for Hybrid Apps.
Oldest comments (0)