Teaching at Newline Welcome

Common Issues with MDX

Introduction

Code Loading Lesson

MDX Powered Lesson

Codesandbox Embed Lesson

Replit Embed Lesson

Getting Oriented

( the primaryDescriptionMarkdown is long - several lines, include images, as long as you want )

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>. 

In <the length of these lessons> we cover <three salient points about what we cover. Your BEST points>. Its <however long it is> and comes with <these bonus features, and reasons to buy. code, etc.>

It's taught by <author name> who <credibility, reason you should listen to them>. <social proof, if you have it yet>

<then you can list other supporting stuff you want to add, anything you want here>

-------
Example:
-------

We created a free course to create your first GraphQL server (from scratch) using Node and TypeScript. TypeScript and GraphQL are a powerful combo, but there's a lot of confusing edges if you're getting it setup the first time.

In this course we cover the basics of getting TypeScript setup with Node, how GraphQL works, and how to set up a GraphQL server using Apollo server. It's two hours long, it comes with complete code examples, and we walk through the code step-by-step.

It's taught by my friend, Shopify-engineer Hassan Djirdeh and he's integrated what he's learned using GraphQL in production as an engineer at Shopify. We've already had over 1,300 students enroll and it's been getting great reviews so far.

// ... and so on

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>. 

( the summary is short - one or two lines )

Mastering RAG Systems

There are 3 ways to enable mdx in your lesson files

 alias which points to the root of your course folder

import Highlight from "~/components/Highlight"; // points to /path/to/course/components/Highlight.js

---
title: Common Issues with MDX
---

### Enabling MDX

There are 3 ways to enable mdx in your lesson files

-   use `.mdx` extension when naming your lesson files e.g `module_00/lesson_01/welcome.mdx`
-   add `usemdx: true` to `course/config.js`
-   add `useMdx: true` at the top of your lesson like so:

        ---
        isPublicLesson: true
        useMdx: true
        ---

### Importing components in your lessons

To import components in `.md` files, use `~` alias which points to the root of your course folder

```js
import Highlight from "~/components/Highlight"; // points to /path/to/course/components/Highlight.js
```

### Loading images in your lesson react components

Common Issues with MDX

Enabling MDX#

Importing components in your lessons#