A production-ready Next.js 15 template with Sentry branding, shadcn/ui components, and Sentry monitoring integration. Built for the Sentry.New application builder to help you ship faster.
- Next.js 15 with App Router
- Tailwind CSS v4 for styling
- shadcn/ui components pre-installed (button, card, input, label, select, dialog, dropdown-menu, badge, avatar, sonner)
- Sentry brand colors with purple and pink accent theming
- TypeScript for type safety
- Dark mode support with next-themes
Use with degit to quickly scaffold a new project:
npx degit codyde/template-nextjs15 my-app
cd my-app
npm install
npm run devOr manually:
git clone https://github.com/codyde/template-nextjs15.git
cd template-nextjs15
npm install
npm run devOpen http://localhost:3000 to see your application.
This template comes with the following shadcn/ui components:
- Button
- Card
- Input
- Label
- Select
- Dialog
- Dropdown Menu
- Badge
- Avatar
- Sonner (Toast notifications)
Add more components with:
npx shadcn@latest add [component-name]This template is designed to work seamlessly with Sentry monitoring. To add Sentry to your project:
npx @sentry/wizard@latest -i nextjsThe wizard will guide you through:
- Creating a Sentry account (if needed)
- Setting up your project
- Configuring error tracking and performance monitoring
- Adding the necessary configuration files
For manual setup, check out the Sentry Next.js documentation.
The template uses Sentry's brand colors:
- Primary: Purple (#6C5FC7 / oklch(0.52 0.15 285))
- Accent: Pink (#E1567C / oklch(0.65 0.18 340))
- Background: Light purple tints for light mode, dark purple for dark mode
- ⚡ Next.js 15 with App Router and Server Components
- 🎨 Tailwind CSS v4 with custom Sentry color scheme
- 🧩 10+ shadcn/ui components pre-installed
- 🔒 TypeScript for type safety
- 🌙 Dark mode support with next-themes
- 📊 Sentry-ready with integration examples
- 🎯 Production optimized and ready to deploy
