Mihovil Ilakovac infomiho

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

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)

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

made with esnextbin

Učitelj funkcija 2000

A Pen by Mihovil Ilakovac on CodePen.

License.

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

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

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

	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);
	});

	{
	"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

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