Git Product home page Git Product logo

lostovayne / api-rest-con-next-14-usando-postgresql-en-docker-con-server-components-y-prisma Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 598 KB

Proyecto Api Rest CRUD usando Next 14 y Typescript con Prisma en Postgres15 , usando Yup , se usan server components y server actions para manejar los datos , junto a esto se hace uso de Cookies para manejar el estado de los productos , consumiendose tanto del backend como del frontend

JavaScript 1.95% TypeScript 96.60% CSS 1.44%

api-rest-con-next-14-usando-postgresql-en-docker-con-server-components-y-prisma's Introduction

Administrador de Todos

Descripción

Este proyecto es una aplicación de administración de tareas que utiliza Next.js como framework de React.

Instalación

  1. Clona este repositorio.
  2. Renombrar el archivo .env
  3. Remplazar las variables de entorno
  4. Ejecuta npm install para instalar las dependencias.
  5. Ejecutar el comando npm run dev
  6. Levanta la base de datos de Postgres en Docker con el comando docker compose up
  7. Revisa que los datos sean correctos correspondientes al archivo Docker-compose.yml
  8. Ejecutar estos comandos de Prisma para que la base de datos se sincronice
    npx prisma migrate dev
    npx prisma generate
       
    
  9. Ejecutar el SEED para crear la base de datos local

Scripts disponibles

En el directorio del proyecto, puedes ejecutar los siguientes comandos:

  • npm run dev: Inicia el servidor de desarrollo.
  • npm run build: Compila la aplicación para producción.
  • npm start: Inicia el servidor de producción.
  • npm run lint: Ejecuta el linter para verificar el código.

Prisma Commands

  • pnpm dlx prisma init : Comando para iniciar Prisma con los datos por defecto
  • pnpm dlx prisma migrate dev: Comando para migrar la base de datos , mover el modelo de prisma a la bd de desarrollo
  • pnpm dlx prisma generate: Crear el prisma client para utilizarlo
  • pnpm dlx prisma migrate deploy: Si es de produccion la base de datos ejecutar

User Default test

user: admin@localhost password: admin

Dependencias

  • React: ^18
  • React Dom: ^18
  • Next: 14.0.4

Uso de Authjs para autenticación

  • Authjs
  • NEXTAUTH_SECRET
  • Se usó la coneccion a Google y Github
  • GOOGLE_CLIENT_ID
  • GOOGLE_CLIENT_SECRET
  • GITHUB_ID
  • GITHUB_SECRET
  • Se usó el modelo de prisma para guardar los datos del usuario
  • @auth/prisma-adapter
  • Se ejecutaron nuevamente los comandos de prisma para volver a crear la migracion y el cliente prisma

Dependencias de desarrollo

  • Typescript: ^5
  • @types/node: ^20
  • @types/react: ^18
  • @types/react-dom: ^18
  • Autoprefixer: ^10.0.1
  • Postcss: ^8
  • Tailwindcss: ^3.3.0
  • Eslint: ^8
  • Eslint-config-next: 14.0.4
  • Prisma

Variables de entorno

  • DATABASE_URL="postgresql://postgres:postgres@localhost:5432/postgres"
  • URL_TO_FETCH="http://localhost:3000"

api-rest-con-next-14-usando-postgresql-en-docker-con-server-components-y-prisma's People

Contributors

lostovayne avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.