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

nicoss54 profile image

The next improvement in Angular reactivity

Nicolas Frizzarin -

harshboricha98 profile image

Cloud Computing Beyond Containers: How Cloudflare’s Isolates Are Changing the Game

Harsh boricha -

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 -