A Component Playground (Next/React).
By Josh Coolman, Front End Developer. Portland OR.
This is a little kitchen sink app built with NextJS. It's where I experiment with React. You'll find rough-cuts, false-starts, hair-brained ideas, silly widgets some eye candy. It's just a way for me to share work samples with some folks. So... no docs, no versions, no tests, no support 😵 but feel free to use and abuse the code! 🚀
- App is pretty snappy, SSR and plays well on desktop and mobile screens
- Dark and Light mode using some simple css vars
- Uses Next API Routes to access data from Unsplash and TheMovieDB
- Some handy animation components using Framer Motion
- A handful of functional components for building out more complex UI components
- A little Movie App using all the components (Putting it all together...)
Two API keys are requried to run this app locally. Both are available for free when you sign up for both TheMovieDB and Unpslpash
In the root of this project, create a .env.local file with the following lines:
TMDB_API_KEY=(... your api key)
UNSPLASH=( ... your api key)
With your API keys in place (above) you can now run the following commands in terminal from the root of the project:
npm install
npm run dev
You should now be able to view the app at localhost:3000