Mihovil Ilakovac infomiho

Učitelj funkcija 2000

We will go through the needed steps to deploy Wasp on a single UBI9 image.

The How

Building is done with the build.sh file:

wasp build on the user's computer
Building the client app
Overriding the default Dockerfile

Building Wasp for Red Hat's UBI9 image can be done with a custom Docker file and with a few simple steps that we encoded in the build.sh script.

Just put both the build.sh script and the Dockerfile at the root of your Wasp project. Make sure to make the build.sh executable with chmod +x build.sh.

There is also a test.sh script that builds the Docker image and runs it (to make sure it works)

Caprover

You'll need a Caprover server setup.

Then create three apps for your Wasp app:

server
client
Postgres DB
- go to one click apps/dbs and create a vanilla PostgreSQL

	{
	"scopes": [
	{
	// js and vue - require("")
	"scope": "source\\.[js\|vue].*string", // 1. ignore if scope at cursor does not match expression (super+alt+p)
	"prefix": ["require"], // 2. trigger only if: require(<cursor>
	// if 1 & 2 are true:
	"auto": true, // auto suggest filepaths, else only by shorctut
	"extensions": ["js", "vue"], // show only .js and .vue files
	"relative": true, // insert absolute

	import { useEffect } from "react";
	import "./Main.css";

	import { useMessagesSocket, useSocketListener } from "./websockets";

	const MainPage = () => {
	const { socket, isConnected } = useMessagesSocket();
	useSocketListener(socket, "chatMessage", (message) => {
	console.log("message received: ", message);
	});

	app fileUpload {
	wasp: {
	version: "^0.12.3"
	},
	title: "file-upload",
	}

	route RootRoute { path: "/", to: MainPage }
	page MainPage {
	component: import { MainPage } from "@src/MainPage.jsx"

	app radixui {
	wasp: {
	version: "^0.12.3"
	},
	title: "radixui",
	client: {
	rootComponent: import { Layout } from "@src/Layout",
	}
	}

	@tailwind base;
	@tailwind components;
	@tailwind utilities;