Deploying the Carousel App to Netlify

Now that your app is stored on GitHub, it's time to deploy it online using Netlify.

Step 1: Build Your App for Production

Use Vite’s build command to generate optimized files:

npm run build

This creates a dist/ folder containing everything Netlify needs to deploy your site.

Step 2: Create a Netlify Account

1. Go to Netlify
2. Sign up or log in with GitHub
3. Click Add new site → Import an existing project

Step 3: Link to Your GitHub Repository

1. Authorize Netlify to access your GitHub
2. Select the carousel-app-react repository you just pushed

Step 4: Configure Deployment Settings

In the setup screen, enter the following:

• Build command: npm run build
• Publish directory: dist

Then click Deploy Site

In a few moments, your app will be live on a temporary URL, such as:

https://your-carousel-site.netlify.app/

You can customize the URL by going to Site Settings → Change Site Name.