fileName	title	subtitle
galery	Next-Galery	Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantium

Galery App

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantium, deleniti ullam adipisci reiciendis suscipit nihil. Corporis dolores ut suscipit, atque omnis odio!

Herramientas de desarrollo

Frontend NextJS Typescript Axios TailwindCSS chadcn

• Backend

  • Firebase

• Servicio de nube

  • Cloudinary

Tabla de contenido

Seccion	Description
Variables de entorno	Configuracion de las variables de entorno
Dependencas	Instalacion de dependencias del proyecto

Inicio

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantium

pnpm install

Configurar variables de entorno

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantium

CLOUDINARI API

API_CLOUD_NAME
API_CLOUD_KEY
API_CLOUD_KEY_SECRET
CLOUDINARY_URL=cloudinary
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME

 NEXTAUTH CREDENTIALS (GOOGLE)

GOOGLE_CLIENT_ID
GOOGLE_CLIENT_SECRET
NEXTAUTH_URL
NEXTAUTH_SECRET

 NEXT URL UPLOAD

NEXT_PUBLIC_API_URL=http://localhost:3000/api/upload

 FIREBASE CREDENTIALS

  API_KEY
  AUTH_DOMAIN
  PROYECJ_ID
  STORAGE_BUCKED
  MESSAGING_SENDER_ID
  APP_ID
  MEASUREMENT_ID

Crear cuenta en cloudinary

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumend

Crear proyecto en firebase

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumend

Crear variables de entorno de next-auth

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum

Correr proyecto

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum

pnpm dev

Navegacion y contenido

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum

Pantalla de inicio

dipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum

Pantalla de imagenes

dipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum

Pantalla para subir una imagen

dipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum

Diagrama de flujo

Despliegue

NEXT-GALERY

dipisicing elit. Eum aut consequatur voluptates illo assumenda laboriosam explicabo accusantiumLorem ipsum