https://github.com/midudev/curso-nextjs-twitter-clone
Curso de @midudev para hacer un clon de Twitter con NextJS
https://github.com/midudev/curso-nextjs-twitter-clone
Last synced: 8 months ago
JSON representation
Curso de @midudev para hacer un clon de Twitter con NextJS
- Host: GitHub
- URL: https://github.com/midudev/curso-nextjs-twitter-clone
- Owner: midudev
- Created: 2020-07-26T20:49:22.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-10-10T00:00:14.000Z (over 5 years ago)
- Last Synced: 2025-02-15T10:12:42.838Z (over 1 year ago)
- Size: 190 KB
- Stars: 350
- Watchers: 14
- Forks: 102
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Curso de NextJS, el framework de React ⚛️, desde cero
## ¿Cómo funciona?
Cada clase tiene una rama con su código finalizado.
La rama `master` sería empezar desde cero el proyecto y podrías seguir desde el primer vídeo.
### [1. Aprendiendo NextJS desde cero](https://youtu.be/2jxc8DMzt0I)
[](https://youtu.be/2jxc8DMzt0I)
[📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/01-introducci%C3%B3n-a-next-js) - [▶️ Vídeo](https://youtu.be/2jxc8DMzt0I)
---
### [2. Login con GitHub usando Firebase y más Styled JSX](https://youtu.be/UlYGGCNFcWo)
[](https://www.youtube.com/watch?v=UlYGGCNFcWo)
[📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/02-styled-jsx-login-con-github) - [▶️ Vídeo](https://youtu.be/2jxc8DMzt0I)
---
### [3. Creando la página Home y configurando ESLINT y PRETTIER en nuestro proyecto](https://www.youtube.com/watch?v=EEDRcolSHms)
[](https://www.youtube.com/watch?v=EEDRcolSHms)
[📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/03-add-lint-and-prettier-and-more) - [▶️ Vídeo](https://youtu.be/EEDRcolSHms)
---
### [4. Usando Firestore de Firebase para crear y leer tweets](https://www.youtube.com/watch?v=W5y79Je-Rfs)
[](https://www.youtube.com/watch?v=W5y79Je-Rfs)
[📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/04-firestore-for-creating-tweets) - [▶️ Vídeo](https://youtu.be/W5y79Je-Rfs)
---
### [5. Subir imágenes en Firebase Storage y crear TimeAgo desde cero](https://www.youtube.com/watch?v=AiyiiXXChwo)
[](https://www.youtube.com/watch?v=AiyiiXXChwo)
[📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/05-upload-images-firebase-storage-timeago-without-deps) - [▶️ Vídeo](https://youtu.be/W5y79Je-Rfs)
---
### [6. Rutas dinámicas y data fetching en NextJS](https://www.youtube.com/watch?v=i16PlS9aTJU)
[](https://www.youtube.com/watch?v=i16PlS9aTJU)
[📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/06-dynamic-routing-data-fetching) - [▶️ Vídeo](https://youtu.be/i16PlS9aTJU)
---
### [7. Actualizaciones en tiempo real con Firestore y archivos .ENV en NextJS](https://www.youtube.com/watch?v=8ZA2p1SBssk)
[](https://www.youtube.com/watch?v=8ZA2p1SBssk)
[📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/07-realtime-firestore-environment-variables) - [▶️ Vídeo](https://youtu.be/8ZA2p1SBssk)