

<p>This is a Project created with next js and tmdb api to show list of all the upcoming movies this year with countdown</p>
<p>Check out live demo at <a href="https://movies-countdown.vercel.app">Movies Countdown</a> for more details.</p>
<h2 id="features">Features</h2>
<ul>
<li><p>Built with Next js</p></li>
<li>Build With Tailwind CSS so you can customize this as per your requirement</li>
<li>All Pages Are statically generated</li>
<li>Custom Hook is implemented for resusability</li>
<li>Image is optimized with <code>next/image</code> for optimization</li>
<li>SEO friendly with proper meta tags</li>
<li><a href="https://movies-countdown.vercel.app/api/sitemap_movies">Sitemap</a> is included</li>
<li><p><a href="https://movies-countdown.vercel.app/robots.txt">Robots.txt</a> is included</p></li>
</ul>
<h2 id="setup">Setup</h2>
<ul>
<li>Clone the Repo</li>
<li>run <code>yarn install</code></li>
<li>Get Tmdb api from <a href="https://www.themoviedb.org/settings/api">here</a></li>
<li>Paste it in <code>.env</code> file under <code>NEXT_TMDB_API</code></li>
<li>run <code>yarn dev</code></li>
</ul>
<h3 id="running-the-server">starting the server</h3>
<pre class="sourceCode bash"><code class="sourceCode bash"><span class="kw">npm</span> run dev
<span class="co"># or</span>
<span class="kw">yarn</span> dev</code></pre>
<p>Open <a href="http://localhost:3000">http://localhost:3000</a> with your browser to see the result.</p>


Movies Countdown

Technolgy Used

Features

Setup

starting the server