DEV Community 👩‍💻👨‍💻

Cover image for Getting Started with Next.js - Typescript
Abdul Waqar
Abdul Waqar

Posted on

Getting Started with Next.js - Typescript

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.

Top comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.