More Premium Hugo Themes Premium Tailwind Themes

Next Gallery Modal

This is a WordPress-like image upload gallery modal component made with NextJS + Tailwind CSS + Typescript + shadcn-ui + Supabase.

Next Gallery Modal

This is a WordPress-like image upload gallery modal component made with NextJS + Tailwind CSS + Typescript + shadcn-ui + Supabase.

Author Avatar Theme by abhinishere
Github Stars Github Stars: 47
Last Commit Last Commit: Jul 23, 2023 -
First Commit Created: Jan 15, 2024 -
Next Gallery Modal screenshot

Overview:

This is a Next.js project that has been created using the create-next-app tool. It provides a development server that can be accessed locally at http://localhost:3000. The project uses the next/font package to optimize and load the custom Google Font, Inter. It also provides resources for learning more about Next.js and deploying a Next.js app using the Vercel Platform.

Features:

  • Next.js project: The project is built using Next.js, a React framework for developing server-side rendered applications.
  • Development server: The project includes a development server that can be run locally to preview and test the application.
  • Custom Google Font: The project utilizes the next/font package to automatically optimize and load the Inter Google Font.

Installation:

To install the Next.js project, follow these steps:

  1. Make sure you have Node.js installed on your machine.
  2. Clone the project repository.
  3. Open the terminal and navigate to the project directory.
  4. Run the following command to install the project dependencies:
npm install
  1. Create a .env.local file in the root of the project.
  2. Add the following environment variables to the .env.local file:
NEXT_PUBLIC_SUPABASE_URL=<your_supabase_url>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<your_supabase_anon_key>
SUPABASE_SERVICE_ROLE_KEY=<your_supabase_service_role_key>
  1. Save the .env.local file.

You have now successfully installed the Next.js project.

Summary:

The Next.js project provides a development server and is built using the Next.js framework. It includes features such as a custom Google Font and provides resources for learning more about Next.js and deploying a Next.js app using the Vercel Platform. The installation process involves cloning the project repository, installing dependencies, and adding environment variables to a .env.local file.