---
# System prepended metadata

title: Next.js stack
tags: [Start here]

---

---
tags: Start here
---

# Next.js stack

The purpose of these notes is to provide comprehensive tutorials on setting up a Next.js app, with opinionated choices for libraries to ensure an optimized developer experience and a well-configured product from the start.

## Topics covered

1. [Application Setup and Configuration](https://hackmd.io/t_ALNiZCRwS8b6kAm5r80Q)
2. [Organize code files within your app](https://hackmd.io/pVySIYBOSQGH30s7hPQ_Bg)
3. [Set up UI with Tailwind, Shadcn UI, and React Icons](https://hackmd.io/5fXHWvh4Swu7Kbp5SRaAkg)
4. [Next Page setup](https://hackmd.io/9uxoXPOxTMSNi95NLEYmvQ)
6. [Translate your app with i18next](https://hackmd.io/JZzKYRqRRAe9iIJu1vNYbw)
7. [Configure the database with PostgreSQL and Drizzle ORM](https://hackmd.io/tMdKDNOlQNa40jVNBBfxrg)
8. [Build forms using React Hook Form](https://hackmd.io/krC0Z7j0SWaFIwyeCY14vg)
9. [Validate user inputs with Effect](https://hackmd.io/QpU-OxYHQ-S0Il_ulpllIw)
10. [Interact with server components via tRPC](https://hackmd.io/nM1RhgDXQ6-tzZdDIqw8dQ)
11. [Manage state with RxJS](https://hackmd.io/ejJzeIIDSNmYfEL3KZ4aNQ)
12. [Implement authentication with Auth.js](https://hackmd.io/dYlaROEtQBmrG-VjtDtTkQ)
13. [Manage user roles, permissions, and resource access using REBAC](https://hackmd.io/d4bkUwjFR1SxeoRS2rUJmA)
14. [Build a component library with Storybook](https://hackmd.io/hOHpzcp1SRSi0aCyi-Vy-g)
15. [Set up end-to-end testing with Playwright](https://hackmd.io/RfkijmLkTDW8n6RSGQEMsg)
16. [Error Handling and Logging with Sentry](https://hackmd.io/I5Ep0c1gQqOXiekcdRgvXg)
17. [Configure a CI pipeline](https://hackmd.io/iKCyNEfhQ4mJcOIhOIFj3w)
18. [Deploy to production with Pulumi](https://hackmd.io/I34_-QLIRXeqWJfviAUloA)

---

[NextJS stack](https://hackmd.io/team/nextjs-stack)
