Deployment

This theme can be deployed or hosted on various platforms like Cpanel, Netlify, Vercel, and more. Once you’ve finished customizing the theme, run the following command to prepare it for hosting:

npm run deploy

This command will likely create a production-ready version of your theme, typically as a folder named theme in the root directory. This folder will contain minified CSS and JavaScript files, along with optimized WebP images, for faster loading times.

Hosting on Cpanel

After running the npm run deploy command, a theme folder containing minified assets will be created in your project’s root directory. You can upload this theme folder to your Cpanel for deployment.

Here’s a tutorial to learn more about uploading HTML and CSS files to Cpanel

Note

If you prefer using non-minified CSS, JavaScript, and non-converted images, you can run the following command instead.

npm run download

Hosting on Netlify

This theme includes a netlify.toml file that streamlines deployment on Netlify. Here’s how to deploy your customized theme using Netlify:

1. Create a Netlify Account: If you don’t have one already, sign up for a free Netlify account.
2. Connect your Project: Navigate to the Netlify dashboard and connect your project repository (like GitHub or GitLab) containing your theme’s code.
3. Configure Build Settings (Optional): Netlify will typically detect your build process automatically based on the package.json file. However, you can review and adjust build settings if needed through the Netlify interface.
4. Deploy: Once your project is connected and settings are configured, initiate deployment from the Netlify dashboard. Netlify will handle building and deploying your theme based on the configurations.

Hosting on Vercel

Vercel is another popular platform for deploying static websites. Here’s how to deploy your customized theme using Vercel:

1. Connect your Project: Similar to Netlify, you can connect your project repository (like GitHub) to Vercel. Vercel will automatically detect your project’s build process and deployment settings.
2. Import with vercel.json: This theme includes a vercel.json file that provides additional configuration options for Vercel deployments. Vercel will automatically pick up these configurations when you import your project.
3. Deploy: Once your project is connected, initiate deployment from the Vercel interface. Vercel will handle building and deploying your theme based on the detected settings and the vercel.json file.