https://github.com/nuhptr/n8base
A modern n8n automatization, component-driven web application built with Next.js 15— focused on scalability, performance, and experience.
https://github.com/nuhptr/n8base
betterauth nextjs polar shadcn-ui
Last synced: about 2 months ago
JSON representation
A modern n8n automatization, component-driven web application built with Next.js 15— focused on scalability, performance, and experience.
- Host: GitHub
- URL: https://github.com/nuhptr/n8base
- Owner: nuhptr
- License: mit
- Created: 2025-10-15T17:09:26.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-10-16T04:17:19.000Z (8 months ago)
- Last Synced: 2025-10-16T18:54:05.761Z (8 months ago)
- Topics: betterauth, nextjs, polar, shadcn-ui
- Language: TypeScript
- Homepage:
- Size: 177 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🧩 n8base
A modern n8n automatization, component-driven web application built with **Next.js 15**, **React 19**, **Tailwind CSS v4**, **Radix UI**, and **shadcn/ui** — focused on scalability, performance, and experience.
---
## 🚀 Tech Stack
| Category | Technology |
| -------------------- | -------------------------------------------------------------------------- |
| Framework | [Next.js 15](https://nextjs.org/) |
| Language | [TypeScript](https://www.typescriptlang.org/) |
| UI Library | [React 19](https://react.dev/) |
| Styling | [Tailwind CSS v4](https://tailwindcss.com/docs/theme) |
| Components | [Radix UI](https://www.radix-ui.com/) + [shadcn/ui](https://ui.shadcn.com) |
| Validation | [Zod](https://zod.dev/) + [React Hook Form](https://react-hook-form.com/) |
| Charts | [Recharts](https://recharts.org/) |
| Carousel | [Embla Carousel](https://www.embla-carousel.com/) |
| Animations | [tw-animate-css](https://www.npmjs.com/package/tw-animate-css) |
| Linting & Formatting | [Biome](https://biomejs.dev/) |
| Package Manager | [Bun](https://bun.sh/) |
---
## 🧱 Project Setup
### 1. Clone the Repository
```bash
git clone https://github.com/nuhptr/n8base.git
cd n8base
```
### Install Dependencies
```bash
bash bun install
```
### Add all shadcn components
```bash
bunx shadcn@latest add --all
```
## ⛳️ Prisma
Install dependencies
```bash
bun install prisma tsx --save-dev
bun install @prisma/client
```
Then init prisma
```bash
bunx prisma init
```
Setup command CLI
```json
"prisma:migrate": "bunx prisma migrate dev",
"prisma:migrate:reset": "bunx prisma migrate reset",
"prisma:studio": "bunx prisma studio"
```
## ⛳️ tRPC Setup
Installing this package
```bash
bun add @trpc/server @trpc/client @trpc/tanstack-react-query @tanstack/react-query client-only server-only
```
## ⛳️ Better Auth
Follow installing instruction from official website
```bash
bun add better-auth
```
Create database table
```bash
bunx @better-auth/cli generate
```
## 🧠 Form Handling & Validation
Use react-hook-form for form state management.
Integrate with zod for schema-based validation:
```ts
import { z } from "zod"
import { useForm } from "react-hook-form"
import { zodResolver } from "@hookform/resolvers/zod"
const schema = z.object({
email: z.string().email(),
})
const form = useForm({
resolver: zodResolver(schema),
})
```
## 🧩 License
This project is licensed under the MIT License.
Feel free to use and modify it for your own projects.