Next-Alchemy 14.2

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.

Features

Environment

• 📟 Next.js
• 🎓 TypeScript
• ✅ Strict Mode for TypeScript and React 18
• 🚀 Tailwind CSS

Libraries & Plugins

• 📁 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

Features

• 🌈 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)

Project State

• 🛠️ Release

Testing, Formatting, Linting, and Commits

Run ESLint

pnpm lint

Run ESLint with fixes

pnpm 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

pnpm jest

Run Jest in Verbose Mode

pnpm jest --verbose --watch

Run Jest with Coverage

pnpm jest --coverage

Run Jest in CI Mode

pnpm jest --ci

Questions and Answers

It doesn't work! Where can I get help?

In case of any issues or questions, you can post:

• Next JS Documentation
• Vercel Documentation
• GitHub Discussions for Vercel
• GitHub Discussions for Next.js
• Discord Coummunity for Next.js
• Discord Coummunity for Tailwind CSS

Next steps

• 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