How to Set Up Next.js 15 for Production in 2024

1. Prisma

   1 475 40,785 9.8 TypeScript

   Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB

   

   This tutorial is going to use Postgres for its database because it is well battle-tested, but you're going to use the Prisma ORM to abstract away the database layer. This gives you the flexibility to use a variety of databases, and simplifies the API that you use to interact with it.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. PostgreSQL

   2 472 16,623 10.0 C

   Mirror of the official PostgreSQL GIT repository. Note that this is just a *mirror* - we don't work with pull requests on github. To contribute, please see https://wiki.postgresql.org/wiki/Submitting_a_Patch

   

   This tutorial is going to use Postgres for its database because it is well battle-tested, but you're going to use the Prisma ORM to abstract away the database layer. This gives you the flexibility to use a variety of databases, and simplifies the API that you use to interact with it.

4. vitest

   3 144 13,591 9.9 TypeScript

   Next generation testing framework powered by Vite.

   

   If you want to avoid bugs and prevent regressions, you need to write tests. Vitest is a great choice because it has the same API as the most popular framework, which is Jest, but it runs faster.

5. shadcn/ui

   4 272 78,549 9.5 TypeScript

   Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

   

   Now let's talk about styling. The two most important aspects to get right are accessibility and maintainability. One of the most popular libraries out there that nails both of these aspects is Shadcn. It uses Tailwind for streamlined style management and Radix for enhanced accessibility.

6. husky

   5 145 32,948 8.1 JavaScript

   Git hooks made easy 🐶 woof!

   

   Install Commitlint and its necessary configurations. This includes Husky, which helps manage Git hooks.

7. Tailwind CSS

   6 1,447 84,550 9.8 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   Now let's talk about styling. The two most important aspects to get right are accessibility and maintainability. One of the most popular libraries out there that nails both of these aspects is Shadcn. It uses Tailwind for streamlined style management and Radix for enhanced accessibility.

8. prettier

   7 476 49,770 9.7 JavaScript

   Prettier is an opinionated code formatter.

   

   There are two tools for that: Prettier and ESLint.

9. Playwright

   8 445 68,449 10.0 TypeScript

   Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

   

   Initialize Playwright.

10. jest

    9 510 44,410 9.0 TypeScript

    Delightful JavaScript Testing.

    

    If you want to avoid bugs and prevent regressions, you need to write tests. Vitest is a great choice because it has the same API as the most popular framework, which is Jest, but it runs faster.

11. ESLint

    10 421 25,423 9.8 JavaScript

    Find and fix problems in your JavaScript code.

    

    There are two tools for that: Prettier and ESLint.

12. commitlint

    11 34 17,104 9.3 TypeScript

    📓 Lint commit messages

    

    Install Commitlint and its necessary configurations. This includes Husky, which helps manage Git hooks.

Suggest a related project