DEV Community

Cover image for Barebone Next.js TypeScript Template
Huy
Huy

Posted on • Edited on

Barebone Next.js TypeScript Template

#nextjs #typescript #prettier #eslint

Next.js TypeScript Template with Auto Code Formatting in VSCode

Getting Started 

git clone https://github.com/huydhoang/next-typescript-template.git
cd next-typescript-template
pnpm dev
Enter fullscreen mode Exit fullscreen mode

pnpm is a cool alternative to yarn or npm as it is faster and can reuse downloaded packages to reduce the size of node_modules.

If you use yarn

yarn dev
Enter fullscreen mode Exit fullscreen mode

or npm

npm run dev
Enter fullscreen mode Exit fullscreen mode

Auto Code Formatting

Auto Code Formatting for TypeScript was setup using ESLint and Prettier in VSCode.
Simply turn on Editor: Format On Save feature within VSCode and let the magic happen.

File > Preferences > Search 'Format On Save'

https://github.com/huydhoang/next-typescript-template

Feel free to share and comment! :)

Top comments (0)

Read next

arindam_1729 profile image

Building a Kanban Board with Next.js,Vercel AI and Tolgee

Arindam Majumder -

usluer profile image

Building a High-Performance Cache Manager in Node.js with TypeScript and ioredis

... -

amaresh_adak profile image

Creating a Dynamic Product Showcase Carousel with React and Tailwind CSS

Amaresh Adak -

igadii profile image

How TypeScript Makes React Better: Smoother Developer Experience, Fewer Bugs (With a useState Example)

Idris Gadi -