Next-Alchemy is a modern Next.js boilerplate featuring essential tools for building scalable, maintainable, and performance-optimized applications. This boilerplate follows clean architecture principles, helping you structure your code for clarity and scalability.
- 📟 Next.js
- 🎓 TypeScript
- ✅ Strict Mode for TypeScript and React 18
- 🚀 Tailwind CSS
- 📁 ShadCN UI Library
- 📌 React Icons
- 🍻 Next.js 3rd Parties - GTM
- 📢 Google AdSense
- ✏️ Linter with ESLint (default NextJS, NextJS Core Web Vitals and Airbnb configuration)
- 🛠 Code Formatter with Prettier
- 🦊 Husky for Git Hooks
- 🚫 Lint-staged for running linters on Git staged files
-
🌈 Neon Shadows
-
🌀 Slower Spin Animation
-
🙈 Scrollbar Hide
-
🌈 Expanded Color Library including Social Media Colors
-
💯 Maximize lighthouse score
-
🤖 SEO metadata, JSON-LD and Open Graph tags with Next SEO
-
🖱️ One click deployment with Vercel (or manual deployment to any hosting services)
- 🛠️ Release
Run ESLint
npm run lint
Run ESLint with fixes
npm run lint --fix
Check code for formatting inconsistencies with Prettier
prettier --check.
Format code to project standards with Prettier
prettier --write.
Run Test with Jest & React Testing Library
npm jest
Run Jest in Verbose Mode
npm jest --verbose --watch
Run Jest with Coverage
npm jest --coverage
Run Jest in CI Mode
npm jest --ci
In case of any issues or questions, you can post:
- Next JS Documentation
- Vercel Documentation
- [GitHub Discussions for Vercel][nextjs-vercel]
- GitHub Discussions for Next.js
- Discord Coummunity for Next.js
- Discord Coummunity for Tailwind CSS
- Join our Javascript Discord community to ask questions and get help
- Join the Alchemy Labz Discord server to work with others contributing to this project
Run Sentry Initializer