Skip to main content
Szum-Tech
GitHub
Next.js 16 • React 19 • TypeScript • RSC

Szum-Tech Next.js Template

Enterprise-ready Next.js starter template with TypeScript, Tailwind CSS, comprehensive testing infrastructure, and the Szum-Tech Design System built-in.

Use This TemplateView on GitHub

Why Choose This Template?

Everything you need to build production-ready applications, pre-configured and ready to go.

Next.js 16 Ready
Built on the latest Next.js with App Router, Server Components, and all modern React 19 features out of the box.
React Server Components
Full RSC support with App Router architecture. Optimize performance with server-side rendering and streaming.
Comprehensive Testing
Pre-configured with Vitest, Playwright, Testing Library, and Storybook for unit, integration, and E2E testing.
Enterprise Quality
ESLint, Prettier, TypeScript strict mode, and Semantic Release ensure code quality and automated versioning.
Structured Logging
Pino logger with pretty-print dev mode and production JSON output. Create child loggers with contextual metadata.
Health Checks
Kubernetes-ready /api/health endpoint with multiple aliases (/healthz, /ping). Perfect for container orchestration.
SEO Optimized
Dynamic metadata API, automatic sitemap generation, robots.txt, and web manifest for maximum discoverability.
CI/CD Ready
GitHub Actions workflows for testing, building, and deployment. CodeQL security scanning included out of the box.
Type Safety
TypeScript strict mode with ts-reset and noUncheckedIndexedAccess. Catch errors at compile time, not runtime.
Open Source

Szum-Tech Ecosystem

This template is powered by a suite of open-source packages designed to accelerate development and maintain consistency across projects.

Design System
@szum-tech/design-system
A comprehensive UI component library built on shadcn/ui principles, providing accessible, customizable components for building modern React applications.
ButtonCardHeaderBadgeTooltipForm Components
ESLint Config
@szum-tech/eslint-config
Shared ESLint configuration ensuring consistent code quality across projects with carefully curated rules for TypeScript and React.
TypeScript SupportReact RulesImport SortingBest Practices
Prettier Config
@szum-tech/prettier-config
Shared Prettier configuration for consistent code formatting, eliminating style debates and ensuring uniform code appearance.
Consistent FormattingTeam StandardsAuto-fix SupportEditor Integration
Semantic Release Config
@szum-tech/semantic-release-config
Shared Semantic Release configuration for fully automated versioning and changelog generation based on commit conventions.
Auto VersioningChangelog GenerationNPM PublishingGitHub Releases

All packages are maintained by Szum-Tech and follow semantic versioning.

Explore All Packages

Tech Stack

Carefully selected technologies for modern web development, all working together seamlessly.

Core Technologies
  • Next.js 16 logo
  • TypeScript logo
  • Tailwind CSS logo
Testing Suite
  • Vitest logo
  • Playwright logo
  • Testing Library logo
  • Storybook logo
Code Quality
  • ESLint logo
  • Prettier logo
  • Semantic Release logo
Infrastructure
  • Pino logo
  • Zod logo
Forms
  • React Hook Form logo
CI/CD
  • GitHub Actions logo
Configuration
  • T3 Env logo

Quick Start

Get up and running in minutes with these simple steps.

1
1Use Template
Create a new repository from this template
gh repo create my-app --template JanSzewczyk/nextjs-szumplate
2
2Install Dependencies
Install all required packages
npm install
3
3Start Development
Launch the development server
npm run dev

Built-in Scripts

All the npm scripts you need for development, testing, and deployment.

npm run dev

Start development server with Turbopack

npm run build

Create production build

npm run test

Run all Vitest tests

npm run test:e2e

Run Playwright E2E tests

npm run lint

ESLint code check

npm run storybook:dev

Component development environment

See all available scripts in package.json

Ready to Build Something Amazing?

Start your next project with the Szum-Tech template and focus on what matters most - building great features.

Use This TemplateExplore the Code