| description |
|---|
Creating a new project, switching between projects and removing projects. |
There are a few basic concepts, related to Wappler Projects such as development environment, web server, server model and hosting, which you will often come across. Here we will briefly introduce you to these basic concepts, so that it's easier for you to setup your projects.
A web server is a computer that stores web server software and a website's/app's files (for example, HTML files, images, CSS stylesheets, and JavaScript files). In order to publish and run a website or app, you need a web server.
A development environment is a workspace where most of the web sites and apps development takes place. Usually the development environments are set up on the local computers of the developers.
In Wappler you can select from a few different development environment options. We will explain each of them later in the project setup docs.
Building dynamic web sites and apps requires server-side code. This server-side code is automatically generated for you by Wappler, depending on the server model selected for your project. Wappler supports NodeJS, PHP, ASP and ASP.NET server-side languages. Each of them has their own pros and cons and choosing a server model is your choice and often it depends on the hosting you selected.
{% hint style="info" %} TIP: You don't need to know any server-side languages to build dynamic web sites and apps with Wappler. The UI offers the same experience for all the server models. {% endhint %}
A Web Hosting is an online service that makes your website’s content accessible on the internet. When you purchase a hosting plan, you are renting space on a physical server to store all the application's files and data. There are many companies which offer different hosting types - from standard web hosting to cloud services. Wappler makes it really easy to connect to the selected hosting platform and publish your project.
Wappler has a powerful project manager allowing you to get started with designing your new website or app as quickly as possible, from either a blank page to an existing template that might suit your needs.
- When you first start Wappler, the welcome dialog will appear in the center of the screen.
- Click the Create a new Wappler project option
- You can select what type of project to create: Web, Mobile or Desktop. Also you can select whether to use any of the included starter pages, templates or just create a blank project
- Select Web and click Blank for this tutorial
- Enter a name for your project and select a folder to store it into
{% hint style="danger" %} Make sure to store each project in its own, empty folder {% endhint %}
- Select the hosting type you are going to use and select your server model (NodeJS, PHP, ASP.NET, ASP or None) and then click save
- An empty page, including the default frameworks for Web projects will be created in your project root folder.
Starting Wappler for the first time
Creating a new project
Once you are working with multiple projects within Wappler you may have the need to quickly switch from one project to another.
Just click the project name at the top of Wappler window and the projects list will appear. Then you can select a project and switch to it.
Your projects
As your Wappler project list grows, you may have the need to remove older projects.
You can remove the projects from the Project Manager by clicking the remove button which appears on hover. A confirmation window will appear, just confirm that you want to remove this project from Wappler.
{% hint style="info" %} Please keep in mind that it is very easy to open a removed project from Wappler should you have the need to work on it in future. {% endhint %}
Get the Delete option by hovering over your project