Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eugenia1984/nextjs
El curso de Nextjs de Fernando Herrera, viendo teoria y creando proyectos
https://github.com/eugenia1984/nextjs
axios javascript nextjs nextui pokeapi react
Last synced: about 2 months ago
JSON representation
El curso de Nextjs de Fernando Herrera, viendo teoria y creando proyectos
- Host: GitHub
- URL: https://github.com/eugenia1984/nextjs
- Owner: eugenia1984
- Created: 2023-10-04T14:11:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-24T13:27:14.000Z (about 1 year ago)
- Last Synced: 2023-10-24T14:32:43.383Z (about 1 year ago)
- Topics: axios, javascript, nextjs, nextui, pokeapi, react
- Language: TypeScript
- Homepage:
- Size: 543 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nextjs
The **Fernando Herrera**'s **Udemy** course of: **Nextjs** .
## What I saw?
✔️ Next-js from scratch
✔️ Understand how to work with Next + TypeScript
✔️ Different rendering techniques: SSR, SSG, CSR, ISR
✔️ Next Middlewares for APIs and Pages
✔️ Dynamic and static routes
- Next Auth
✔️ Material UI
✔️ Introduction to Next UI
✔️ cookies
- Payments with PayPal and credit cards
✔️ Multi-platform deployments
---
## Theory
[Link](https://github.com/eugenia1984/nextjs/tree/main/teoria), it´s in Spanish
---
## Demo📦
✔️ [Introduction to Next](https://mec-next-first-project.vercel.app/)
✔️ [PokemonApp](https://next-pokemon-static-maria-eugenias-projects.vercel.app/)
---
## Features📢
🔜 I practise with some projects:
✔️ [**Introduction to Next**](https://github.com/eugenia1984/nextjs/tree/main/01-initial-demo): Small exercise for handling generalities of Next.js, creating a simple website with navbar and 4 pages, using Layouts
![image](https://github.com/eugenia1984/nextjs/assets/72580574/fc6389d6-40e4-45a8-bf88-4799c32fc7bc)
-> Demo [https://mec-next-first-project.vercel.app/](https://mec-next-first-project.vercel.app/)
✔️ **PokemonApp**: Small application for managing ISR and SSG
Home Page:
![image](https://github.com/eugenia1984/nextjs/assets/72580574/235569c2-1231-4b88-be3e-dfacbc69d069)
Pokemon detail:
![image](https://github.com/eugenia1984/nextjs/assets/72580574/c54461c8-a9b3-4b9f-9aa7-506705ea556c)
Favorites:
![image](https://github.com/eugenia1984/nextjs/assets/72580574/4d51ee55-17f6-4988-bdd2-55ad64bc9b1a)
-> Demo: [https://next-pokemon-static-maria-eugenias-projects.vercel.app/](https://next-pokemon-static-maria-eugenias-projects.vercel.app/)
✔️ **OpenJira**: Intermediate application for task management and SSR
✔️ **CookieMaster**: Small application to learn about Cookie management
✔️ **TesloShop**: Complete and quite large application for managing and selling products
---
## Technologies 🛠️
- [**TypeScript**](https://www.typescriptlang.org/)
- [**React**](https://react.dev/)
- [**Nextjs**](https://nextjs.org/)
- [**NextUI**](https://nextui.org/), beautiful, fast and modern React UI library
- [ **https://pokeapi.co/**](https://pokeapi.co/)
- [**Axios**](https://axios-http.com/)
- [**https://pokeapi.co/**](https://pokeapi.co/)
- [**Docker**](https://www.docker.com/)- [ **MaterialUI**](https://mui.com/material-ui/)
- [**Canvas Confetti**](https://www.npmjs.com/package/canvas-confetti)
## Tools:
- [**quicktype.io**](https://quicktype.io/typescript), instantly generate TypeScript interfaces from JSON.
---
## Notes
I appreciate your interest in this Project ⌨️ with ❤️ by [María Eugenia Costa](https://github.com/eugenia1984) 😊 and follow me at [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)
---