andresbenve / andresbenvetrack

Installation Steps

Using npm

Run commands

1. npm install

2. npm run dev

Or using yarn

Run commands

1. npm install --global yarn

2. yarn install

3. yarn run dev

If you see the window below then you are set to build AMAZON 2.0!

PASOS PARA CREAR UNA PAGINA WEB CON NEXT.JS

WARNINGS !!! No usar. ‘next-auth/client’ usar ‘next-auth/react’ El singIn Era con la client_id y secret_client_id que de da google Cloud despues de pedir la credencial en la página de google cloud!!!! dios!!! Los components en Pages empiezan con minuscule

1. En la terminal de mac hsacer ------> git clone https://github.com/sonnysangha/Amazon-starter-template-nextjs.git

2. Open project on vsc

3. Npm run dev (so that the project install Next)

4. Npm i

5. Npm i react

6. Npm I react-dom

7. Go to tailwind.config.js and hit command + save

8. Create src > components > Headers.js

9. On the higher level create next.config.js (add all domains without https and only up to .com)

10. Add the fakestoreapi.com

11. Close vsc and reopen (you change the configuration file, need to reopen)

12. Npm i @heroicons/react

13. Npm i react-responsive-carousel

14. npm i react-toastify

15. npm i sweetalert2

16. npm i tailwindcss

17. npm i @tailwindcss/line-clamp

18. Npm i @reduxjs/toolkit

19. npm i @headlessui/react

20. Global.css (copy from global.css)

21. Transform env.local.examples to —> env.local

22. Add firebase file with configuration + import firebase from ‘firebase’

{ a resolver

no suma el total de los precios problemas cuando muestro un solo porducto por id conectar con mercado libre window screenWidth es tomada mas chica { Cuando le pongo Fixed a los componentes me los renderizar en la ventana correcta, cuando no se lo pongo me deja el espacio blanco a la derecha Cuando le pongo Fixer a el banner se vuelve loco }

}