A Next.js project can be easily setup using
But the project created using above command does not support TypeScript. If we want to add TypeScript support, we need to manually add TypeScript related configuration to the project.
There is an easier technique. The
create-next-app command accepts flags. Passing a
--typescript flag setup a Next.js project with TypeScript support.
npx create-next-app@latest --typescript
After setting up, if we open the project, we can see TypeScript specific changes.
As we can see, there is a
tsconfig.json file in the project root folder. All the page files are in
.tsx extension. We can also see the type information inside the page file.