A entertainment web application built with Next.js and TailwindCSS that provides a user-friendly interface that enables users to easily search for movies and TV shows by title.
- Solution URL: Frontend Mentor
- Live Site URL: Netlify
- Next.js
- TailwindCSS
- TMDb API
- Mobile-first workflow
This project was my first experience with Next.js so I learned a lot of things such as:
- Working with Next.js API routes
- Dynamic routes
- Different rendering methods such as Server-side rendering and Static site generation
- useSWR which I plan on expanding the use of for future pagination
- Figuring out Next.js Image component
I still don't feel super confident with rendering methods and using Next.js API routes so I would love to continue building projects with Next.js and getting used to it.
Also in the future I plan on adding search by genre, and pagination for the search results, because right now it only displays one page.
- Next.js docs - The docs are always the best place to start when learning anything new, it was a tremendous help.
- Tailwind docs - I'm still relatively new to Tailwind so referring back to the docs for styling classes was a constant need.
- React - The Complete Guide (incl Hooks, React Router, Redux) - This is a course I bought some time ago, and it has a Next.js section that helped with some examples of how pages, dynamic routes, and API routes worked in Next.js.
- Linkedin - Arkell Kenney
- Frontend Mentor - @adkenney
I would like to acknowledge hooiyan for some of the inspiration going into this project.