https://github.com/ziin/hulu-stitches-uiclone

Hulu 2.0 Ui Clone created to try out Stitches, a CSS-in-JS lib
https://github.com/ziin/hulu-stitches-uiclone

nextjs reactjs stitches typescript

Last synced: 16 days ago
JSON representation

Hulu 2.0 Ui Clone created to try out Stitches, a CSS-in-JS lib

• Host: GitHub
• URL: https://github.com/ziin/hulu-stitches-uiclone
• Owner: ziin
• Created: 2021-09-16T14:25:15.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-09-17T15:14:24.000Z (over 3 years ago)
• Last Synced: 2024-11-02T05:42:26.543Z (2 months ago)
• Topics: nextjs, reactjs, stitches, typescript
• Language: TypeScript
• Homepage: https://hulu-stitches-uiclone.vercel.app/
• Size: 249 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HULU - UI CLONE (with nextjs and stitches)

Inspired by [Sonny Sangha](https://www.youtube.com/watch?v=MqDlsjc8GLo)

## Stitches

[Stitches](https://stitches.dev/) is CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

## Built using

- [NextJs](https://nextjs.org/)

- [Stitches](https://stitches.dev/)

- [Hero Icons](https://heroicons.com/)

- [tailwind-scrollbar-hide](https://www.npmjs.com/package/tailwind-scrollbar-hide)

## Preview

![showcase image](/public/showcase.jpg)

## Live Version

[Live Version](https://hulu-stitches-uiclone.vercel.app/)

## Getting Started

You must place your own [TMDB API KEY](https://www.themoviedb.org/) into `.env.local`.  

Then, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.