docs: day 3, lw001 - self-host using railway

2024-10-09 22:03:20 +01:00
parent 92572ed2c2
commit 7cdb2281e1
5 changed files with 58 additions and 26 deletions
@@ -34,7 +34,7 @@ Below are all the features for each day that we will be sharing. As the day goes

 1. Day 1 - [Brand Customisations](/blog/brand-customisations)
 2. Day 2 - [Multi-Language Support](/blog/multi-language)
-3. Day 3 - 🤩
+3. Day 3 - [Self-host ClassroomIO on your Servers](/blog/self-host)
 4. Day 4 - 🤯
 5. Day 5 - 😉
 6. Extras - 😍😍😍😍
@@ -0,0 +1,30 @@
+---
+title: 'Self-host ClassroomIO on your Servers'
+description: 'On Day 3 of our launch week, we are excited to announce that you can now easily self-host ClassroomIO on your servers using our pre-built Railway template.'
+imageUrl: 'https://assets.cdn.clsrio.com/blog/self-host.png'
+date: '2024-10-09'
+author: Rotimi Best
+avatar: /blog/best.jpg
+role: Founder
+tags: ['Launch Week', 'Self-host']
+published: true
+---
+
+![self-host-classroomio](https://assets.cdn.clsrio.com/blog/self-host.png)
+_Selfhost ClassroomIO on your Servers_
+
+Today we are happy to share that you can now easily self-host classroomio and use it for whatever purpose you want without paying us a dime. Our mission is to build the simplest yet customisable open source learning management system on the planet, and this is taking us 1 step closer to that goal.
+
+If you are interested in just trying out the product, it is advisable to use the [cloud version](https://app.classroomio.com). You can use almost all the features for free on the cloud version unless you need more students. Right now the main reason you'd have to upgrade is because your students are growing. If you don't want to upgrade and/or face this, then you'd be fine self hosting the whole application.
+
+For self-hosting, we have written up a [guide that uses Railway](https://classroomio.com/docs/quickstart/self-hosting)  to help deploy our stack and you get to manage the servers on Railway as you wish. We hope this is a good step in helping you educate your audience at ease.
+
+Below is a demo showing you step by step how to self host the project
+
+<iframe class="embed my-5" src="https://www.youtube.com/embed/3TMWPgoSPZ0?si=cbpN6ZC0-sevAL-i" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+### Next steps
+
+We want to support self-hosting using a Coolify template or just using a Dockerfile. We currently have Dockerfiles for both our backend and dashboard projects however contributions from the open source community would help us in properly testing and improving them.
+
+If you prefer deployment with Docker, do checkout our [docker-compose.yaml](https://github.com/classroomio/classroomio/blob/main/docker-compose.yaml) file to get started and we can kick off a conversation on Github.
@@ -27,7 +27,7 @@
    <ul class="flex flex-col items-start justify-start gap-2 w-[90%] md:w-[50%]">
      {#each data.posts as post}
        <li class="py-10 w-full border-b border-gray-200">
-          <div class="flex md:flex-row flex-col md:items-center gap-2">
+          <div class="mb-5 flex md:flex-row flex-col md:items-center gap-2">
            <!-- Date -->
            <p class="text-sm text-slate-500">{formatDate(post.date)}</p>

@@ -40,7 +40,14 @@
              </div>
            </div>
          </div>
+
          <a href={`/blog/${post.slug}`} class="group">
+            <img
+              loading="lazy"
+              src={post.imageUrl}
+              alt={post.title}
+              class="w-70 h-48 object-cover rounded-md"
+            />
            <p class="font-bold text-lg py-2 group-hover:text-slate-500">
              {@html post.title}
            </p>
@@ -61,7 +68,7 @@
  </div>

  <PageSignupCTA
-    header="Ready To Launch Your First Training?"
+    header="Ready To Scale Your Training Efforts?"
    subText="It's free to sign up and start getting value out of the product."
    btnLabel="Sign me up"
    link="/signup"
@@ -1,7 +1,7 @@
-import type { Post } from '$lib/types';
+import type { BlogPost } from '$lib/types';

 export async function load({ fetch }) {
  const response = await fetch('api/blog');
-  const posts: Post[] = await response.json();
+  const posts: BlogPost[] = await response.json();
  return { posts };
 }
@@ -4,24 +4,6 @@ import { DocsThemeConfig } from 'nextra-theme-docs';
 const config: DocsThemeConfig = {
  head: (
    <>
-      <link
-        rel="shortcut icon"
-        type="image/x-icon"
-        href={`${process.env.imagePath}/img/favicon.ico`}
-      />
-      <link
-        rel="icon"
-        type="image/x-icon"
-        sizes="16x16"
-        href={`${process.env.imagePath}/img/logo-16.png`}
-      />
-      <link
-        rel="icon"
-        type="image/x-icon"
-        sizes="32x32"
-        href={`${process.env.imagePath}/img/logo-32.png`}
-      />
-
      <title>ClassroomIO | The Open Source Learning Management System for Companies</title>
      <meta
        name="description"
@@ -30,17 +12,30 @@ const config: DocsThemeConfig = {

      <meta property="og:url" content="https://classroomio.com/docs" />
      <meta property="og:type" content="website" />
-      <meta property="og:title" content="ClassroomIO | The Open Source Learning Management System for Companies" />
+      <meta
+        property="og:title"
+        content="ClassroomIO | The Open Source Learning Management System for Companies"
+      />
      <meta
        property="og:description"
        content="A flexible, user-friendly platform for creating, managing, and delivering courses for companies and training organisations"
      />
-      <meta property="og:image" content="https://brand.cdn.clsrio.com/og/classroomio-og.png" />
+      <meta property="og:image:type" content="image/png" />
+      <meta property="og:image:width" content="1920" />
+      <meta property="og:image:height" content="1080" />
+      <meta
+        property="og:image:secure_url"
+        itemProp="image"
+        content="https://brand.cdn.clsrio.com/og/classroomio-og.png"
+      />

      <meta name="twitter:card" content="summary_large_image" />
      <meta property="twitter:domain" content="classroomio.com" />
      <meta property="twitter:url" content="https://classroomio.com/docs" />
-      <meta name="twitter:title" content="ClassroomIO | The Open Source Learning Management System for Companies" />
+      <meta
+        name="twitter:title"
+        content="ClassroomIO | The Open Source Learning Management System for Companies"
+      />
      <meta
        name="twitter:description"
        content="A flexible, user-friendly platform for creating, managing, and delivering courses for companies and training organisations"