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.

Oldest comments (0)

Classic DEV Post from 2020:

js visualized

🚀⚙️ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳

Happy coding!