First your Next Project dependencies ; Next package,Tailwindcss, Axios(if you csn get it to work),autoprefixer,eslint.
Then, run the development server:
npm run dev
# or
yarn dev
Then open [http://localhost:3000] with your browser to see the result.
Start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
I was trying to use the Axios protocol to access my API but ended up using the Fetch standard to access my API.
-
The city is the first prompt so regardless of your country .... you can search for only the vity (and if you want to know the weather condition of a whole nation go ahead)
-
Weather API provider : https://openweathermap.org/
-
Slideshow Resources; https://nextjs.org/docs/basic-features/image-optimization#local-images
https://www.w3schools.com/cssref/css3_pr_background-size.php
- All images were downloaded on https://lexica.art
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.