docs: 100 students milestone (#449)

* write blog post

* add link to dblocked

* improve blog SEO

* fix build error

* fix overide metatags issue

apps/dashboard/src/lib/components/CourseLandingPage/constants.ts

@@ -25,7 +25,7 @@ export const NAV_ITEMS = [
   },
   {
     key: SECTION_KEYS.LESSONS,
-    label: 'course.navItems.nav_lessons'
+    label: 'course.navItems.nav_content'
   },
   {
     key: SECTION_KEYS.REVIEWS,

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

@@ -129,7 +129,7 @@ function getBaseMetaTags(url: URL) {
     twitter: {
       handle: '@classroomio',
       site: '@classroomio',
-      cardType: 'summary_large_image',
+      cardType: 'summary_large_image' as const,
       title: 'ClassroomIO – Launch Your Online Bootcamp In Minutes',
       description:
         'Launch your bootcamp quickly and affordably with ClassroomIO, the customizable online teaching platform.',

apps/dashboard/src/routes/course/[slug]/+page.ts

@@ -1,6 +1,6 @@
+import type { MetaTagsProps } from 'svelte-meta-tags';
 import { fetchCourse } from '$lib/utils/services/courses';
 import { supabase, getSupabase } from '$lib/utils/functions/supabase';
-import type { MetaTagsProps } from 'svelte-meta-tags';
 
 if (!supabase) {
   getSupabase();
@@ -17,7 +17,7 @@ export const load = async ({ params = { slug: '' } }) => {
       description: data?.description,
       images: [
         {
-          url: data?.logo,
+          url: data?.logo || '',
           alt: data?.title,
           width: 280,
           height: 200,
@@ -29,7 +29,7 @@ export const load = async ({ params = { slug: '' } }) => {
     twitter: {
       handle: '@classroomio',
       site: '@classroomio',
-      cardType: 'summary_large_image',
+      cardType: 'summary_large_image' as const,
       title: data?.title,
       description: data?.description,
       image: data?.logo,