LogoNEXTDEVKIT Tutorials

Tutorial Introduction

Welcome to NEXTDEVKIT - This tutorial will help you quickly get started with NEXTDEVKIT, designed especially for first-time NEXTDEVKIT users.

When I first created the nextdevkit template, I thought my customers would be experienced developers, so I didn't plan to write detailed tutorials. Instead, I wrote reference documentation that wasn't educational but rather reference-style docs - the kind you can quickly check when you forget something.

But as I work with more customers, I find many are using Next.js for the first time, and some aren't even developers.

So I decided to write a tutorial to help them quickly get started with the NEXTDEVKIT template.

The tutorial will be divided into the following sections. This is the current outline structure, which may change at any time. This tutorial will be continuously updated and completely free for all paid template users!

  • Introduction
  • Project Initialization
    • git clone
      • gh auth login
      • ssh
      • token
    • IDE Plugins
      • Must-have
        • biomejs
        • i18n-ally
      • Recommended
        • Git Graph
        • Git History
        • MDX
        • Tailwind CSS IntelliSense
    • biomejs configuration
    • npm & pnpm
    • git hooks setup
  • AI IDE Setup
    • Selection
    • Rules
    • Docs
    • MCP
  • Next.js Initialization
    • Environment variables
    • Local development
    • monorepo vs traditional structure
    • next.config.ts
    • tsconfig.json
  • Quick UI Page Building
    • 21st.dev
    • Various UI component libraries
    • Dark mode
    • Multiple themes
    • How to quickly configure nextdevkit components
  • Next.js Core Concepts
    • App Route
    • Group Name
    • Layout
    • RSC
    • Server Actions
    • Middleware
  • Database
    • Choosing a database
    • Choosing an ORM
    • Defining tables
    • How to migrate
    • How to use client
    • Local connection
    • Production database studio
  • Authentication
    • Choosing Auth library
    • Client / Server side
    • Session Context
  • Email
    • Sending emails
    • Email templates
    • NextDevKit built-in templates
  • Object Storage
    • What is object storage
    • How to use it
    • What are pre-signed URLs
  • Payments
    • Payment provider selection
    • Payment flow
    • webhook
    • Local integration
    • NextDevKit configuration
  • Blog and Documentation
    • What is MDX
    • Choosing CMS vs local build
    • metadata definition and rendering
    • Custom styling
  • Internationalization
    • Choosing i18n framework
    • Route and layout definition
    • Editing different languages with plugins + AI
    • Increasing complexity
  • Admin Panel
    • Permission control
    • Page building
    • Queries and caching
  • SEO
    • Introduction
    • Optimization
    • metadata
  • AI