To complete this part, you must have Git installed beforehand.
First,
workspace
).Clone the application’s source code from GitHub to your machine.
INSERT IMAGE HERE
REPLACE HERE
And here is the result:
To add data:
database
folder inside the source code folder you downloaded.init.sql
) to the pasted string.Use MySQL Shell to connect to MySQL Server. The connection steps are similar to the previous section. In the project folder, you’ll notice a database
folder containing SQL scripts to create the database, tables, constraints, and add data. In this step, we’ll use the source
command to run the script.
Run some queries to verify:
REPLACE HERE
After the data is successfully added, we will start the Web Server. First,
backend
folder and modify the contents of the .env
file.REPLACE HERE
REPLACE HERE
Next, start the server:
REPLACE HERE
And the Web Server has successfully started.
Next, I’ll deploy the client application:
frontend
folder.REPLACE HERE
Before running the application, I need to update the content in the vite.config.js
file, as shown in the sample configuration below:
REPLACE HERE
The above configuration sets up a proxy for Vite, meaning that when a request URL contains /api
, it will be replaced by the target string.
Run the application:
npm run dev
After this section, we’ll check the deployment results.
From the deployment steps from the beginning of the Local Deployment section to this point, we can draw some conclusions: