I've been working on different Next.js projects for sometime and whenever I need to setup a new Next.js project I follow common steps like adding ESLint with Typescript support, debugging, SEO, Tailwind, SCSS support, Sitemap, etc.
Now I'm sharing that guide to all: <a href="https://gourav.io/blog/nextjs-cheatsheet" class="autolinkedURL autolinkedURL-url" target="_blank">gourav.io/blog/nextjs-cheatsheet</a>
It's an <a target="_blank" href="https://github.com/GorvGoyl/Personal-Site-Gourav.io/blob/main/content/blog/nextjs-cheatsheet/index.md">open-source cheatsheet</a> so contributions are more than welcome to grow this even further 🙏.
PS. I initially thought of creating a starter template but maintaining that is difficult over time and adds lots of abstraction that hinders learning experience.
<hr />
Thanks for reading. Connect with me on <a target="_blank" href="https://twitter.com/GorvGoyl">Twitter</a>.

I've been working on different Next.js projects for sometime and whenever I need to setup a new Next.js project I follow common steps like adding ESLint with Typescript support, debugging, SEO, Tailwind, SCSS support, Sitemap, etc.

Now I'm sharing that guide to all: https://gourav.io/blog/nextjs-cheatsheet

It's an [open-source cheatsheet](https://github.com/GorvGoyl/Personal-Site-Gourav.io/blob/main/content/blog/nextjs-cheatsheet/index.md) so contributions are more than welcome to grow this even further 🙏.



PS. I initially thought of creating a starter template but maintaining that is difficult over time and adds lots of abstraction that hinders learning experience.

---

Thanks for reading. Connect with me on [Twitter](https://twitter.com/GorvGoyl).

I made a cheatsheet for Next.js to add debugging, dev url, Tailwind, SEO, ESLint with Typescript, analytics, sitemap, etc.

I made a Next.js cheatsheet

Maker, Antler alum, ex-Samsung, ex-Honeywell
