https://github.com/nareshbhatia/movie-magic-shadcn

Sample app to demonstrate the use of shadcn/ui, Radix, and Tailwind CSS to build a Next.js app
https://github.com/nareshbhatia/movie-magic-shadcn

Last synced: about 4 hours ago
JSON representation

Sample app to demonstrate the use of shadcn/ui, Radix, and Tailwind CSS to build a Next.js app

• Host: GitHub
• URL: https://github.com/nareshbhatia/movie-magic-shadcn
• Owner: nareshbhatia
• Created: 2023-09-24T18:35:46.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-12T20:47:48.000Z (8 months ago)
• Last Synced: 2024-03-12T21:51:31.530Z (8 months ago)
• Language: TypeScript
• Homepage: https://movie-magic-shadcn.vercel.app/
• Size: 896 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Movie Magic Shadcn

A sample application to demonstrate the use of

[shadcn/ui](https://ui.shadcn.com/), [Radix](https://www.radix-ui.com/), and

[Tailwind CSS](https://tailwindcss.com/) to build Next.js applications.

Live demo: https://movie-magic-shadcn.vercel.app/

![Movie Magic Screenshot](assets/movie-magic-screenshot.png)

## Building Movie Magic Shadcn

### Development Build

```shell

npm ci

npm run dev

```

Open a browser window at http://localhost:3000/ to see app.

### Production Build

```shell

npm ci

npm run build

npm start

```

Open a browser window at http://localhost:3000/ to see app.

### Production Build with Docker and Kubernetes

```shell

# Build a docker image

# -t: tags the image

# Dot at the end: the build's context is the current directory

docker build -t nareshbhatia/movie-magic-shadcn:1.0.0 .

# Run the docker image locally to make sure that it is working correctly

# -d: run in detached mode

# --name movie-magic-shadcn: assign a name to the container

# -p 3000:3000: map machine port 3000 to container port 3000

# movie-magic-shadcn:1.0.0: tag of the image

docker run -d --name movie-magic-shadcn -p 3000:3000 nareshbhatia/movie-magic-shadcn:1.0.0

# Push the docker image to Docker Hub

docker login -u nareshbhatia

docker push nareshbhatia/movie-magic-shadcn:1.0.0

# Run in Kubernetes cluster

minikube start --driver docker

kubectl apply -f deploy/movie-magic-deployment.yaml

minikube service movie-magic-service

```

Open a browser window at http://localhost:3000/ to see app.