Almost empty project with Next.js 13, with some of the most common libraries and configurations.
- Next.js 13 (with RSC and Server Actions)
- Tailwind CSS
- Prettier
- Eslint
English and Spanish languages are supported. The default language is English.
Libraries:
- next-international (https://github.com/QuiiBz/next-international#readme)
-
@heroicons/react
- Repository: https://github.com/tailwindlabs/heroicons#readme
- Browse icons: https://heroicons.com/
-
lucide-react
- Repository: https://github.com/lucide-icons/lucide
- Broswe icons: https://lucide.dev/
... from ShaDCN (Awesome, flexible and free controls)
https://github.com/shadcn-ui/ui
Form handling is done with React-Hook-Form and Yup for validation.
- React-Hook-Form (https://github.com/react-hook-form/react-hook-form)
- Yup (https://github.com/jquense/yup)
Email sending is done with nodemailer and design by react-email. Probable the best option for email sending is use resend instead of nodemailer. I decided use nodemailer because I had a account with other provider (mandrillapp).
- React-Email (https://github.com/resendlabs/react-email)
- Nodemailer (https://github.com/nodemailer/nodemailer)
- Next-Themes (https://github.com/pacocoursey/next-themes#readme)
With language switche and dark mode switcher.
- Contact Form (http://localhost/en/contact)
- Admin zone (http://localhost:3000/en/admin/dashboard)
- Monitoring service. https://sentry.io/welcome/
- Veri useful for tracking errors in production.
- Track visits and other events. https://analytics.google.com/analytics/web/
- Analytics for Vercel. https://vercel.com/docs/analytics
- Email integration. It capable of use many email providers (sendgrid, mandrillapp, ...) https://nodemailer.com/about/
https://www.youtube.com/watch?v=1p9l0TqixRI
https://gaudion.dev/blog/setup-google-analytics-with-gdpr-compliant-cookie-consent-in-nextjs13