fix: meta tag on docs are broken (#162)

* feat: db mock data

* update meta tags

* feat: update seed file

* undo sql change

apps/dashboard/src/routes/+layout.server.ts

@@ -31,7 +31,7 @@ export const load = async ({ url, cookies }): Promise<LoadOutput> => {
   const matches = url.host.match(/([a-z 0-9 -]+).*classroomio[.]com/);
   const subdomain = matches?.[1] ?? '';
 
-  if (!url.host.includes('.classroomio.com')) {
+  if (!url.host.includes('.classroomio.com') && !url.host.includes('localhost')) {
     // TODO: We can verify if custom domain here
     return response;
   }

apps/docs/theme.config.tsx

@@ -21,38 +21,35 @@ const config: DocsThemeConfig = {
         sizes="32x32"
         href={`${process.env.imagePath}/img/logo-32.png`}
       />
+
+      <title>ClassroomIO – Launch Your Online Bootcamp In Minutes</title>
       <meta
         name="description"
         content="ClassroomIO is a no-code tool that allows you build and scale your own teaching platform with ease."
       />
-      <meta name="theme-color" content="#ffffff" />
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <meta
-        property="og:title"
-        content="ClassroomIO –&nbsp;Launch Your Online Bootcamp In Minutes"
-      />
+
+      <meta property="og:url" content="https://classroomio.com/docs" />
+      <meta property="og:type" content="website" />
+      <meta property="og:title" content="ClassroomIO – Launch Your Online Bootcamp In Minutes" />
       <meta
         property="og:description"
         content="ClassroomIO is a no-code tool that allows you build and scale your own teaching platform with ease."
       />
-      <meta property="og:type" content="website" />
-      <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"
-        content="https://classroomio.com/classroomio-opengraph-image.png"
-      />
+      <meta property="og:image" content="https://classroomio.com/classroomio-opengraph-image.png" />
+
       <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:creator" content="@rotimi_best" />
-      <meta
-        name="twitter:title"
-        content="ClassroomIO –&nbsp;Launch Your Online Bootcamp In Minutes"
-      />
+      <meta property="twitter:domain" content="classroomio.com" />
+      <meta property="twitter:url" content="https://classroomio.com/docs" />
+      <meta name="twitter:title" content="ClassroomIO – Launch Your Online Bootcamp In Minutes" />
       <meta
         name="twitter:description"
         content="ClassroomIO is a no-code tool that allows you build and scale your own teaching platform with ease."
       />
+      <meta name="twitter:creator" content="@classroomio" />
+      <meta
+        name="twitter:image"
+        content="https://classroomio.com/classroomio-opengraph-image.png'"
+      />
     </>
   ),
   logo: (

supabase/seed.sql

@@ -1,4 +1,4 @@
 insert into storage.buckets
   (id, name, public)
 values
-  ('avatars', 'avatars', true);
+  ('avatars', 'avatars', true);