title: How to create a Carousel in NextJS?
body: <p>I am trying to build a carousel just like how it is on the amazon home page. I used React Bootstrap for the carousel but it does not seems to work. It just stacks every item just like in a column.</p>
  <pre><code>&lt;Carousel&gt;
                  &lt;Carousel.Item&gt;
                      &lt;img src={'https://images-na.ssl-images-amazon.com/images/G/01/AmazonExports/Fuji/2020/October/Fuji_Tallhero_Dash_en_US_1x._CB418727898_.jpg'} alt=&quot;&quot; /&gt;
                  &lt;/Carousel.Item&gt;
  
                  &lt;Carousel.Item&gt;
                      &lt;img src={'https://images-na.ssl-images-amazon.com/images/G/01/AmazonExports/Events/2020/PrimeDay/Fuji_TallHero_NonPrime_v2_en_US_1x._CB403670067_.jpg'} alt=&quot;&quot; /&gt;
                  &lt;/Carousel.Item&gt;
              &lt;/Carousel&gt;
  </code></pre>
  <p>Code with any other framework other than React Bootstrap is accepted in the answers.</p>