Servicios de lado del cliente para un clon de instagram.
Instagram clone es un proyecto realizado con Next.js, usando el framework de CSS Tailwind CSS y otras herramientas de estilizado como Post CSS, en el cuál muestra un réplica de menor tamaño de la red social Instagram.
Clona el repositorio con el comando git clone https://github.com/Leonardo-Toledo-V/Instagram-clone
Una vez dentro el proyecto:
- Instale las dependencias:
npm install
- Una vez instaladas las dependencias ejecuta el siguiente comando depeniendo tu package manager:
npm run dev
# o
yarn dev
# o
pnpm dev
- Abre http://localhost:3000 con tu navegador.
|--- components
| |--- Header.js
|
|--- pages
| |--- api
| | |--- hello.js
| |
| |--- _app.js
| |--- _document.js
| |--- index.js
|
|--- public
| |--- instagram.ico
|
|--- styles
| |--- globals.css
Next.js
es un marco de trabajo deReact
para el desarrollo de aplicaciones web del lado del servidor (SSR) y del lado del cliente (CSR) así que puedes implementar y trabajar con componentes.- El archivo principal que renderiza todo es:
pages/index.js
. - Encontrarás un apartado de
components/
los cuales son todos aquellos componentes que se introducirán al archivopages/index.js
para posteriormente renderizar la página.
Note
- La documentación de Next.js nos recomienda estar familiarizado con
Javascript
yReact
anteriormente.