https://github.com/rodriiandino/inmobiliaria-next14

Pagina Probando las funcionalidades de Next14
https://github.com/rodriiandino/inmobiliaria-next14

nextjs reactjs

Last synced: 2 months ago
JSON representation

Pagina Probando las funcionalidades de Next14

• Host: GitHub
• URL: https://github.com/rodriiandino/inmobiliaria-next14
• Owner: Rodriiandino
• Created: 2023-11-09T15:50:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-13T00:59:05.000Z (12 months ago)
• Last Synced: 2025-02-01T14:33:17.457Z (4 months ago)
• Topics: nextjs, reactjs
• Language: JavaScript
• Homepage:
• Size: 13.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pagina de Prueba de Next14

## Descripción

Este proyecto fue realizado con Next14, MySQL, y usando los API Router de next.js.

![782shots_so](https://github.com/Rodriiandino/inmobiliaria-next14/assets/106351323/60e43f71-474c-4cf5-ae70-be99fe273507)

## Funcionalidades

- Pagina estetica, con navegacion y secciones realizadas con SSR y otras con CSR.

- Se Usaron los hooks de react como, useState, useFilter, useContext, entre otros.

- Se usaron los hooks que proporcionan Next.js, useSearchParams, usePathname, useRouter; para cuando realices los filtros de los productos estos afecten a la url.

- Creacion de una base de datos sencilla con MySQL, se uso la dependencia de MySQL12 para crear el pool de la conexion.

![375shots_so](https://github.com/Rodriiandino/inmobiliaria-next14/assets/106351323/ecf3ec64-50fb-4ff3-8bbc-e020b74d4c1a)

![344shots_so](https://github.com/Rodriiandino/inmobiliaria-next14/assets/106351323/a40a9bdd-7513-4f98-b8cd-29781294b570)

## Cómo Ejecutar

1. Clona este repositorio en tu máquina local.

2. Abre una terminal en la carpeta del proyecto.

3. Ejecuta el archivo db.sql para la creacion de la base de datos, esta se encuentra en src/db/db.sql

4. Ejecuta `npm install` para instalar las dependencias.

5. Ejecuta `npm run dev` para iniciar la aplicación en modo de desarrollo.

6. Abre tu navegador y visita el localhost, en el puerto en que se levanto.

7. Puedes visitar los endpont de la api en localhost:tupuerto/api/inmobiliarias o localhost:tupuerto/api/inmobiliarias/id

![image](https://github.com/Rodriiandino/inmobiliaria-next14/assets/106351323/22210d72-495b-43e2-804e-483562d2e940)