Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        

# nextjs Nextjs

The **Fernando Herrera**'s **Udemy** course of: **Nextjs** 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 icon [**TypeScript**](https://www.typescriptlang.org/)

- react icon [**React**](https://react.dev/)

- nextjs icon [**Nextjs**](https://nextjs.org/)

- [**NextUI**](https://nextui.org/), beautiful, fast and modern React UI library

- [pokemon **https://pokeapi.co/**](https://pokeapi.co/)

- [**Axios**](https://axios-http.com/)

- [**https://pokeapi.co/**](https://pokeapi.co/)

- external-docker-a-set-of-coupled-software-as-a-service-logo-color-tal-revivo [**Docker**](https://www.docker.com/)

- [material-ui **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/)

---