--- title: "Deploy a Slate Template" url: https://docs.catalyst.zoho.com/en/slate/help/git-integration/deploy-template/ description: "Learn about deploying a front-end web application quickly by using the templates available in the Slate Starter Library." last_updated: 2026-09-02T08:55:12Z service: Slate type: general related_links: - name: "Preview a Deployment" url: /en/slate/help/deployment-previews - name: "Cache a Deployment" url: /en/slate/help/cache - name: "Configure Environment Variables" url: /en/slate/help/environment-variables - name: "Custom Domain Mapping" url: /en/slate/help/custom-domains - name: "Monitor Deployments" url: /en/slate/help/monitor-deployment - name: "Fix a Failed Deployment" url: /en/slate/help/fix-failed-deployment - name: "Rollback a Deployment" url: /en/slate/help/rollback-deployment --- # Deploy a Slate Template ### Introduction Catalyst Slate provides ready-made application templates which can be used to get a project up and running with minimal setup efforts required from your end. There's a huge gallery of templates available for various use cases and configured using different client frameworks like [Slyte](https://slyte.dev/home), [Next.js](https://nextjs.org/), [Angular](https://angular.dev/), [Astro](https://astro.build/), [React](https://react.dev/), [SolidJS](https://www.solidjs.com/), [Preact](https://preactjs.com/), [Svelte](https://svelte.dev/), [Vue](https://vuejs.org/), [Vite](https://vitejs.dev/) and [Nuxt](https://nuxt.com/). You can simply select a pre-built template from Slate's Starter Template Gallery and deploy it to using Slate. The key benefits of Slate templates include: * **Reduced Setup Time and Focus on Development**: Slate templates allow you to save time by eliminating the need to set up boilerplate code for new projects repeatedly and eventually spend more time on developing unique features rather than configuring the initial project setup. * **Rapid Deployment and Minimal Learning Curve**: Slate templates allow you to deploy fully functional applications in just a few clicks. New developers can learn from well-structured, pre-built projects that demonstrate how to set up and configure different types of applications using varied frameworks. Experienced developers can use templates as reference implementations for best practices in Slate deployments. ### Steps to Deploy You can leverage Slate templates by following the below steps: 1. Navigate to the **Catalyst Slate** service in the console. In the **Starter Templates** section, click **Browse Templates**. ![slate-starter-template](https://catalyst-docs-development.zohostratus.in/images/help/slate/slate-starter-template.webp) 2. You can browse through templates of varied use cases and frameworks and select the template of your choice. ![select-template-framework](https://catalyst-docs-development.zohostratus.in/images/help/slate/select-template-framework.webp) 3. In the **Create Deployment** pop-up, select the required Git provider and authenticate your account. The source code of the chosen Slate template will be pushed to a new repository in the integrated Git account. ![template-create-deployment](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-create-deployment.webp) 4. The template name will be auto-populated as the repository name by Slate. You can edit it, if required. Provide a deployment name of your choice. ![template-repo-name](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-repo-name.webp) 5. The framework and node runtime of the application will be automatically populated based on the chosen template. You can edit the node run time, if required. ![template-runtime](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-runtime.webp) > **Note:** The Node.js runtime lets you run JavaScript code outside a web browser, like on a server or your computer. It helps you build websites and apps by giving JavaScript access to files, networks, and other system tools. 6. In this deployment method, a new repository will be automatically created in your Git account, and the template code will be pushed into it. You can toggle the button to create a private repository as shown in the screenshot below. ![template-private-repo](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-private-repo.webp) 7. Enable **Auto Deploy**, so that any code pushed to the repository will deployed automatically using Slate. ![template-auto-deploy](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-auto-deploy.webp) The **Show Advanced Options** tab shows the output path, build command, and start command for the application deployment, and these fields will be auto-populated. ![template-show-advanced](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-show-advanced.webp) 8. Click **Deploy** to deploy the application to Slate. > **Note:** * The output path is the directory where your application gets compiled or built for production. * The build command is the script that transforms your development code into production code. * The install command fetches and installs all dependencies required for your project. For example, the install commands for various client-side frameworks are: * **Slyte** → `npm install` * **React, Next.js, Vue, Angular, Svelte** → `npm install` or `yarn install` * **Astro** → `npm install` or `pnpm install` * **Vite** → `npm install` or `yarn install` * **SolidJS** → `npm install` or `pnpm install` The deployment has been successfully completed, and you can view the detailed logs of the deployment as shown in the screenshot below. ![template-deploy-success](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-deploy-success.webp) You can click **Go to Manage** to view the overview details of the deployment as shown in the screenshot below. Click **Preview** to view the deployed application. ![template-edit-url](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-edit-url.webp) You can fetch the generated [ access URL](https://docs.catalyst.zoho.com/en/slate/help/slate-access-url) of your application as shown in the screenshot above. You can edit the URL by clicking **Edit URL**. 1. You can disable **Auto-Deploy** for this deployment by clicking **Change**. ![template-auto-deploy-disable](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-auto-deploy-disable.webp) 2. Enter the deployment name and click **Disable**. ![template-disable-popup](https://catalyst-docs-development.zohostratus.in/images/help/slate/template-disable-popup.webp) You can [sync the latest commit](https://docs.catalyst.zoho.com/en/slate/help/fix-failed-deployment) with the current deployment by clicking on the **Sync Now** button. You can also map the generated Slate URL with your [custom domain](https://docs.catalyst.zoho.com/en/slate/help/custom-domains) if required. You can view the list of deployments made to your application by switching to the **History** tab in the left pane. Refer to [this help section](https://docs.catalyst.zoho.com/en/slate/help/monitor-deployment) to learn more about it. You can [enable cache](https://docs.catalyst.zoho.com/en/slate/help/cache) for your deployment by navigating to the **Configuration** tab in the left pane. You also have the option to configure [environment variables](https://docs.catalyst.zoho.com/en/slate/help/environment-variables) required for your deployment, if required.