zenoctrl / demo-movies

A website that lets you know where to watch a movie

Where to Watch

MeiliSearch | Documentation | Slack | Website | FAQ

Where to Watch

Table of Contents:

• Setup
• Environment variables
• Run
• Build
  • Generate build
  • Run your build
• Storybook

Setup

yarn

or

npm install

Environment variables

To connect your Meilisearch instance and retrieve the movies, two environment variables should be provided:

• HOST
• API_KEY

An example can be found in the .env.example file. You can either rename this file into .env, or create a new file.

Run

yarn dev

or

npm run dev

Go to http://localhost:3000/ and enjoy ! 🎉

Build

Generate build

You can generate a build of this project with the following command:

yarn build

or

npm run build

Run your build

The above commands will generate an optimized version of the app, inside the .next folder.

You can then serve it with:

yarn start

or

npm run start

Or serve it with any web server of your choice.

Example:

serve .next

Storybook

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively test components.

yarn storybook

or

npm run storybook