A Step-by-step Guide (PDF ebook) + a Multi Site Builder Application
Site Builder Kit
Site Builder Kit contains a step-by-step guide to configure your first server & create your own online web building service. Your server will be able to:
- Accept user signups
- Allow users to create their own websites
- Allow users to use custom domains
- Automatically secure your users' website with https
- Enable automatic publishing (from Github to live site)
You can use, customize, extend, and rebrand the application for your personal or commercial purposes.
Prerequisites:
HTML, basic Javascript & database knowledge.
Powered with ContentBox.js page builder
The Site Builder Kit uses ContentBox.js as its page builder. ContentBox.js is not just another landing page designer. It is a story builder that allows you to build your page in a magazine-style layout & produce beautiful typographic content.
What's inside the guide
Part 1: The Server
- Getting a Server
- Connecting to Your Server
- Adding a User
- More Convenient Authentication
- Setting-up a Firewall
- Configuring Time Zone
- Creating a Simple Website Using Node.js
- Making Your Website Publicly Accessible
- Keeping Your Website Alive
- Adding a Domain Name
- Accepting Multiple Custom Domains and Automatically Make Your Websites Secure with HTTPS
- Preparing Your Local Computer for Development
- Automating Your Website Publishing
Part 2: The Application
- Setting-up Database
- Creating a Database Utility
- Creating a Component
- Applying Stylesheet
- Working with Form
- Posting Form Data
- Saving Form Data
- Adding User Login
- Displaying User Page
- Adding User Dashboard
- Adding Page Builder
- Adding Site Settings
- Displaying User Site from a Custom Domain
- The Complete Project
Part 3: Bonus
Simplify Your Project Deployment
This part contains installation instructions from start to finish using Docker and Github Actions. Don't worry if you don't have experience with Docker or Github Actions. Some short videos (around 1-2 minutes per video) are provided to help you follow the installation instruction.
Prerequisites for this guide:
HTML, basic Javascript & database knowledge.
Book Preview
Download Sample Chapters
The application uses Next.js and MongoDB database. However, this guide doesn't assume any existing Next.js or MongoDB knowledge. It is designed for people who prefer to learn by doing. As an example, you can follow page 43-52 from the sample chapters to quickly get you started with Next.js and run it locally on your computer.
Application Preview
Get Started Now
Site Builder Kit
$299
- PDF Guide
- Multi Site Builder Application
powered with ContentBox.js - Unlimited users & websites
- Customize & rebrand the Application for your business
Site Builder Kit + Setup Assistance
$599
- PDF Guide
- Multi Site Builder Application
powered with ContentBox.js - Unlimited users & websites
- Customize & rebrand the Application for your business
- We will setup everything for you
After successful order, an automatic email containing login and download info will be sent.
If no email received within 1-2 hours, please check your spam folder or contact our support at: support@innovastudio.com
For Site Builder Kit + Setup Assistance: you will need to have your server ready & provide us with the server info. If you don't have a server yet, you can get one for as low as $5, for example, from DigitalOcean. We highly recommend DigitalOcean for its ease of use.
Who is this kit for?
For Learners:
This guide can be used as learning material to get you started as a full-stack developer. With step-by-step instructions to follow, you will see the result immediately and get the idea of how things work in practice. The guide will introduce you to modern frameworks used in many production sites.
For Developers:
You can use the Site Builder application to host multiple website projects for your clients. All website are managed from a single application/dashboard.
From your Github repository, you can deploy updates to your live server with ease.
For Startups & Studios:
You can rebrand the application to create your own web building service that accepts user signups.
You can forward the Guide and application project to your dev team to be able to customize and extend it according to your specific needs.
Sample designs built with Site Builder Kit.
