https://github.com/hemantdutta/next-movie

Next-Movie: Movie Project Made For Learning Next js 12
https://github.com/hemantdutta/next-movie

api css frontend learning-by-doing next rea

Last synced: about 2 months ago
JSON representation

Next-Movie: Movie Project Made For Learning Next js 12

• Host: GitHub
• URL: https://github.com/hemantdutta/next-movie
• Owner: HemantDutta
• Created: 2024-01-31T08:51:15.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-02T07:13:10.000Z (11 months ago)
• Last Synced: 2024-02-03T08:37:41.130Z (11 months ago)
• Topics: api, css, frontend, learning-by-doing, next, rea
• Language: JavaScript
• Homepage: https://nextmoviehd.vercel.app/
• Size: 45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next Movie



    



Hey there! Welcome to Next Movie, a cool little project built by Hemant Dutta to dive into the world of **Next.js 12** and interact with the movie database API by Adriano Massimo.



## About

Next Movie is a mini-project aimed at exploring the features of Next.js 12 while interacting with a comprehensive movie database API. Through this project, we delve into various aspects of Next.js and showcase its capabilities in building dynamic web applications.

## Technologies & Concepts Learned

During the development of Next Movie, I learned the following key concepts and technologies:

- Next.js 12: Next.js is a powerful React framework that allows for easy building of static and server-side rendered React applications. Version 12 introduces several exciting features and enhancements.

- Static Site Generating: Next.js enables the generation of static websites, which enhances performance and allows for easy deployment.

- Data Fetching & Pre-rendering: Next.js supports pre-rendering of pages with data fetching capabilities, ensuring fast loading times and improved user experience.

- getStaticProps(): This Next.js function allows for data fetching at build time and pre-rendering of static pages.

- getStaticPaths(): Used for dynamic routing and generating static paths based on data.

- File-based Routing: Next.js simplifies routing by allowing developers to organize pages based on file structure, which enhances code readability and maintainability.

- Dynamic Routing: Next.js supports dynamic routing, enabling the creation of dynamic pages based on URL parameters.

- Path Fallback: Next.js provides fallback behavior for dynamic routes, ensuring a smooth user experience even for pages that haven't been pre-rendered.

- Dynamic Parameters: Next.js allows for the creation of pages with dynamic parameters, enabling the customization of content based on user input.

- Incremental Static Regeneration: Next.js 12 introduces incremental static regeneration, which enables the regeneration of static pages on-demand, ensuring up-to-date content while maintaining performance.

### Get Started

To explore Next Movie, follow these steps:

- Clone this repository.

- Install dependencies using `npm install`.

- Run the development server with `npm run dev`.

- Open `http://localhost:3000` to view the project in your browser.

- Feel free to explore the code and experiment with Next.js features!



## Happy coding! 😊