More Premium Hugo Themes Premium Nextjs Themes

Pokemon

A Next.js 13 application built using the new router, server components and server actions, as well as NextAuth.js, Drizzle ORM and Turso in an Nx monorepo

Pokemon

A Next.js 13 application built using the new router, server components and server actions, as well as NextAuth.js, Drizzle ORM and Turso in an Nx monorepo

Author Avatar Theme by amosbastian
Github Stars Github Stars: 39
Last Commit Last Commit: May 20, 2023 -
First Commit Created: Jan 15, 2024 -
Pokemon screenshot

Overview:

The PokémonA Next.js 13 application is a project built to explore the use of server actions, server components, Drizzle ORM, and the new intercepting/parallel routes in Next.js. It also integrates authentication using NextAuth.js and utilizes Turso for the database. However, it is important to note that this app may not be using the best practices since server actions are still in alpha, and there may be issues when running the app in an Nx monorepo.

Features:

  • Next.js App Directory: Utilizes the new Next.js app directory and its features such as dynamic open graph images and metadata.
  • Intercepting/Parallel Routes: Implements intercepting and parallel routes for improved functionality.
  • Authentication with NextAuth.js: Integration of NextAuth.js for user authentication.
  • Drizzle ORM: Uses Drizzle ORM for database operations.
  • Turso Database Integration: Integrates Turso as the database for the application.
  • TypeScript: Implements TypeScript for improved type safety.

Installation:

To run the PokémonA Next.js 13 application locally, follow these steps:

  1. Install dependencies using npm.
  2. Copy the .env.example file to .env and update the variables, including setting up GitHub OAuth.
  3. Run the database migrations and seed the database.
  4. Start the development server.

Summary:

The PokémonA Next.js 13 application is a project that explores the use of server actions, server components, Drizzle ORM, and intercepting/parallel routes in Next.js. It also integrates authentication using NextAuth.js and utilizes Turso as the database. However, it is important to note that the app may not follow best practices and may have some issues when running in an Nx monorepo. Overall, it serves as a playground for experimenting with these technologies.