├── .gitignore └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | 21 | # debug 22 | npm-debug.log* 23 | yarn-debug.log* 24 | yarn-error.log* 25 | 26 | # local env files 27 | .env.local 28 | .env.development.local 29 | .env.test.local 30 | .env.production.local 31 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Curso de NextJS, el framework de React ⚛️, desde cero 2 | 3 | ## ¿Cómo funciona? 4 | Cada clase tiene una rama con su código finalizado. 5 | La rama `master` sería empezar desde cero el proyecto y podrías seguir desde el primer vídeo. 6 | 7 | ### [1. Aprendiendo NextJS desde cero](https://youtu.be/2jxc8DMzt0I) 8 | [![Aprendiendo React desde cero](https://img.youtube.com/vi/2jxc8DMzt0I/mqdefault.jpg)](https://youtu.be/2jxc8DMzt0I) 9 | 10 | [📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/01-introducci%C3%B3n-a-next-js) - [▶️ Vídeo](https://youtu.be/2jxc8DMzt0I) 11 | 12 | --- 13 | 14 | ### [2. Login con GitHub usando Firebase y más Styled JSX](https://youtu.be/UlYGGCNFcWo) 15 | [![Aprendiendo React desde cero](https://img.youtube.com/vi/UlYGGCNFcWo/mqdefault.jpg)](https://www.youtube.com/watch?v=UlYGGCNFcWo) 16 | 17 | [📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/02-styled-jsx-login-con-github) - [▶️ Vídeo](https://youtu.be/2jxc8DMzt0I) 18 | 19 | --- 20 | 21 | ### [3. Creando la página Home y configurando ESLINT y PRETTIER en nuestro proyecto](https://www.youtube.com/watch?v=EEDRcolSHms) 22 | [![Aprendiendo React desde cero](https://img.youtube.com/vi/EEDRcolSHms/mqdefault.jpg)](https://www.youtube.com/watch?v=EEDRcolSHms) 23 | 24 | [📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/03-add-lint-and-prettier-and-more) - [▶️ Vídeo](https://youtu.be/EEDRcolSHms) 25 | 26 | --- 27 | 28 | ### [4. Usando Firestore de Firebase para crear y leer tweets](https://www.youtube.com/watch?v=W5y79Je-Rfs) 29 | [![Aprendiendo React desde cero](https://img.youtube.com/vi/W5y79Je-Rfs/mqdefault.jpg)](https://www.youtube.com/watch?v=W5y79Je-Rfs) 30 | 31 | [📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/04-firestore-for-creating-tweets) - [▶️ Vídeo](https://youtu.be/W5y79Je-Rfs) 32 | 33 | --- 34 | 35 | ### [5. Subir imágenes en Firebase Storage y crear TimeAgo desde cero](https://www.youtube.com/watch?v=AiyiiXXChwo) 36 | [![Aprendiendo React desde cero](https://img.youtube.com/vi/AiyiiXXChwo/mqdefault.jpg)](https://www.youtube.com/watch?v=AiyiiXXChwo) 37 | 38 | [📝 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) 39 | 40 | --- 41 | 42 | ### [6. Rutas dinámicas y data fetching en NextJS](https://www.youtube.com/watch?v=i16PlS9aTJU) 43 | [![Aprendiendo React desde cero](https://img.youtube.com/vi/i16PlS9aTJU/mqdefault.jpg)](https://www.youtube.com/watch?v=i16PlS9aTJU) 44 | 45 | [📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/06-dynamic-routing-data-fetching) - [▶️ Vídeo](https://youtu.be/i16PlS9aTJU) 46 | 47 | --- 48 | 49 | ### [7. Actualizaciones en tiempo real con Firestore y archivos .ENV en NextJS](https://www.youtube.com/watch?v=8ZA2p1SBssk) 50 | [![Aprendiendo React desde cero](https://img.youtube.com/vi/8ZA2p1SBssk/mqdefault.jpg)](https://www.youtube.com/watch?v=8ZA2p1SBssk) 51 | 52 | [📝 Código](https://github.com/midudev/curso-nextjs-twitter-clone/tree/07-realtime-firestore-environment-variables) - [▶️ Vídeo](https://youtu.be/8ZA2p1SBssk) 53 | --------------------------------------------------------------------------------