richiTrailers

Watch your favorite production trailers!

Introduction · Tech Stack + Features · Author

Introduction

richiTrailers is a project for showing up Next.js capabilities as a frontend developer. From client side rendering to pre-rendering React components, this trailers app takes the best utilities from Next.js framework.

Tech Stack + Features

Frameworks

• Next.js – React framework for building performant apps with the best developer experience

Platforms

• Vercel – Easily preview & deploy changes with git
• TMDB – Great movie database to develop apps

UI

• Tailwind CSS – Utility-first CSS framework for rapid UI development
• next/font – Optimize custom fonts and remove external network requests for improved performance

Hooks and Utilities

• useState – Manage state with useState React hook
• useContext – Manage and share state with useContext React hook between components
• getPlaiceholder – Helps bringing blur images when loading them
• react-icons – Easily add icons to react/nextjs projects
• react-youtube – Used for streaming trailers

Code Quality

• TypeScript – Static type checker for end-to-end typesafety
• Prettier – Opinionated code formatter for consistent code style
• ESLint – Pluggable linter for Next.js and TypeScript

Miscellaneous

• Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way

Author

• richiCoder (@RichiCoder)