next.js Application Template

Next.js application template with predefined libraries and configurations.

Contains predefined libraries and configurations:

• Next.js is a React framework that provides infrastructure and simple development experience for server side rendered (SSR) and statically exported applications. Currently no /app folder support provided.
• Mantine - React components and hooks library with native TypeScript support and without external dependencies. In the template included:
  • core
  • dates
  • form
  • modals
  • notifications
• next-i18next - internationalization framework for Next.js.
• NextAuth.js - authentication library for Next.js applications.
• MongoDB - NoSQL database.
• MDX - included support for MDX files.
• PM2 - process manager for Node.js applications.
• React GA4 - Google Analytics 4 for React.
• TypeScript
• ESLint

Contains predefined components:

Layout

• Shell Layout
• Header
• Footer
• Left Sidebar (NavBar)
• Right Sidebar (Aside)
• Logo
• Custom404

User

• UserAvatar
• UserBlock
• UserMenu
• SingIn Form

Other

• HttpClient - primitive fetch wrapper for /api/* requests
• ALink (link wrapper)
• ColorSchemeToggle
• Social Buttons
  • Facebook
  • Twitter
  • Google
  • Microsoft
  • GitHub

Constants

• Auth Options
• Header Menu Items

Backend helpers

• MongoDB connection
• Auth guard middleware
• APIRestrictor to protect API routes
• HTTPResponses to simplify API responses
• getTranslations helper to export it as getStaticProps

Pages

Predefined

• _app
• _document
• 404
• 500

Test samples

• index
• mdx-test
• profile/index