First, install packages:
yarn
secondly, run the development server:
yarn dev
When using an Image or img
import Image from "next/image";
Use Next's Image tag inplace of or while they work, it is not optimal for Next and Vercel throws errors upon compilation.
- Make sure to assign a alt tag so it's < Image alt='bedroom image' width='1000' height='100' > also assign each image: width and height props
When using apostrophe Use HTML entities for typography so no hard coding ' instead use a code ‘ ′ or “ This way we are not getting errors on Vercel and it keeps NextJS happy
Package to use: https://keen-slider.io/examples#examples
Open https://localhost:3000 with your browser to see the result.
Photo Credits: https://www.behance.net/gallery/60644969/Bathroom-wood-stone by artist - Nataliya Yahela
https://www.behance.net/gallery/173629859/Living-Room-Interior-Design by artist - Giorgi Mamaladze
https://unsplash.com/photos/white-and-gray-optical-illusion by artist - JJ Ying