Skip to content

CodingThailand's Blog

by โค้ชเอก

Menu
  • About Me
Menu

ขึ้นโปรเจคใหม่ด้วย Next.js ถ้าไม่อยากออกแรงเยอะ แนะนำตัวนี้ครับ

Posted on 29/12/202529/12/2025 by โค้ชเอก

เป็น Boilerplate และ Starter สำหรับ Next.js โดยเฉพาะ จะเอาเป็นไอเดียในการเรียนรู้ หรือเอาไว้ขึ้น project จริงก็ได้ครับ

.

ฟีเจอร์ที่มีมาให้เลย

1. Next.js with App Router support

2. Type checking TypeScript

3. Integrate with Tailwind CSS

4. Strict Mode for TypeScript and React 19

5. Authentication with Clerk: Sign up, Sign in, Sign out, Forgot password, Reset password, and more.

6. Passwordless Authentication with Magic Links, Multi-Factor Auth (MFA), Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more), Passwordless login with Passkeys, User Impersonation

7. Type-safe ORM with DrizzleORM, compatible with PostgreSQL, SQLite, and MySQL

8. Offline and local development database with PGlite

9. Remote and production database with Prisma Postgres

10. Multi-language (i18n) with next-intl and Crowdin

11. Type-safe environment variables with T3 Env

12. Form handling with React Hook Form

13 Validation library with Zod

14. Linter with ESLint (default Next.js, Next.js Core Web Vitals, Tailwind CSS and Antfu configuration)

15. Code Formatter with Prettier

16. Husky for Git Hooks (replaced by Lefthook)

17. Lint-staged for running linters on Git staged files

18. Lint git commit with Commitlint

19. Write standard compliant commit messages with Commitizen

20. Unused files and dependencies detection with Knip

21. I18n validation and missing translation detection with i18n-check

22. Unit Testing with Vitest and Browser mode (replacing React Testing Library)

23. Integration and E2E Testing with Playwright

24. Run tests on pull request with GitHub Actions

25. Storybook for UI development

26. AI-powered code reviews with CodeRabbit

27. Error Monitoring with Sentry

28. Local development error monitoring with Sentry Spotlight

29. Code coverage with Codecov

30. Logging with LogTape and Log Management with Better Stack

31. Monitoring as Code with Checkly

32. Security and bot protection (Arcjet)

33. Analytics with PostHog

34. Automatic changelog generation with Semantic Release

35. Visual regression testing

36. Absolute Imports using @ prefix

37. VSCode configuration: Debug, Settings, Tasks and Extensions

38. SEO metadata, JSON-LD and Open Graph tags

39. Sitemap.xml and robots.txt

40. Automatic dependency updates with Dependabot

41. Database exploration with Drizzle Studio and CLI migration tool with Drizzle Kit

42. Bundler Analyzer

43. Include a FREE minimalist theme

44. Maximize lighthouse score with Unlighthouse

.

ใครสนใจตามไปดูได้ที่นี่นะครับ

https://github.com/ixartz/Next-js-Boilerplate

.

โค้ชเอก

Category: Uncategorized

ใส่ความเห็น ยกเลิกการตอบ

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • .NET
  • Android
  • Angular
  • Angular 2
  • Coding
  • CSS
  • Database
  • Editor
  • Flutter
  • Git
  • HTML5
  • Ionic 2
  • Ionic 4
  • Ionic Framwork
  • JavaScript
  • Laravel
  • Laravel 5
  • Node.js
  • PHP
  • PHP 7
  • Plugins
  • React
  • React Native
  • Template
  • Tools
  • TypeScript
  • UI
  • Uncategorized
  • Vue.js
  • XAMPP
  • Yii
  • คอร์สเรียน
  • แรงบันดาลใจ
  • มกราคม 2026
  • ธันวาคม 2025
  • กรกฎาคม 2025
  • เมษายน 2025
  • พฤศจิกายน 2024
  • ตุลาคม 2024
  • เมษายน 2020
  • กุมภาพันธ์ 2020
  • สิงหาคม 2019
  • กันยายน 2018
  • สิงหาคม 2018
  • กุมภาพันธ์ 2018
  • พฤศจิกายน 2017
  • ตุลาคม 2017
  • สิงหาคม 2017
  • กรกฎาคม 2017
  • เมษายน 2017
  • ตุลาคม 2016
  • สิงหาคม 2016
  • พฤษภาคม 2016

.NET android Angular Angular 2 Atom Coding Coding Standard CSS CSS 3 Datepicker extensions Git HTML HTML5 Ionic2 JavaScript Laravel5 laravel 5.5 MariaDB Material Design MySQL Node.js npm PHP PHP7 plugins PouchDB recaptcha Restful sail.js template typescript typscript XAMPP Yii2

© 2026 CodingThailand's Blog | Powered by Minimalist Blog WordPress Theme