Start With a Template

Overview

Ready to launch a project without getting bogged down in setup? Cloudzilla’s starter templates are here to save you from configuration headaches. Whether you’re building a sleek front end, a powerful back end, or something in between, we’ve got templates that let you dive straight into what you do best: coding.

Step 1: Log In and Head to the Dashboard

Log In to your Cloudzilla account. (Or sign up if you’re new. We’ll wait.)
Once you’re in, hit Create New Project from the Dashboard.

Step 2: Pick Your Template of Choice

When you’re in the project setup screen, look for the Start with a Template section.

Choose from our templates designed to get you moving at warp speed:

Next.js Boilerplate: For those looking for a polished, theme-ready front end.
Create React App: The classic starter for React fans who want to skip the configs.
Node.js Starter: Express.js at your fingertips. Perfect for getting a backend up in no time.

Step 3: Connect Your GitHub Repo

Hit GitHub Connect and authorize Cloudzilla to do its magic.

We’ll import the template’s source code to a new GitHub repository, ready for you to customize. Your code, your rules.

Step 4: Configure Your Project Settings

With your template locked and GitHub connected, click Next.

In Project Settings, you’ll be able to:

Give your project a name that makes you sound like a superhero.
Choose your deployment region(s).
Add environment variables if you need them

Step 5: Deploy Like a Boss

Once your settings look good, hit Deploy.

Cloudzilla does the heavy lifting, getting your app live in minutes.

Step 6: Check Out Your Project

When deployment wraps up, you’ll see your project URL on the Dashboard. Click it to witness the glory.

Template Breakdown

Next.js Boilerplate

The Vibe: Sleek, polished, and ready for action with light and dark themes.

Ideal For: Developers looking to create a pro-level frontend with minimal hassle.

Source Code: Imported to your GitHub, fully customizable.

Create React App

The Vibe: Classic, reliable, and ready to roll with React.

Ideal For: Frontend builders who want to jump straight to the fun part.

Source Code: Yours to tweak and expand.

Node.js Starter

The Vibe: Fast and furious backend setup with Express.js.

Ideal For: Backend developers who want a ready-to-go foundation.

Source Code: Open to your custom logic and needs.

Pro Tips for Customizing Templates

Upgrade Your Dependencies: Don’t let your code get stale. Update dependencies in package.json regularly.
Add Environment Variables: Need to connect to a database or API? Set up your environment variables in Cloudzilla’s settings.
Test Before You Fly: Clone your GitHub repo, run tests locally, then push updates. That way, you know everything’s running smooth.

FAQs

Not within the same project, but you can always start fresh with a different template on a new project.
You bet. Once imported to GitHub, the code is yours to change as you like.
Yep. Cloudzilla integrates with GitHub to keep your code in sync and easy to manage.