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

You can write JSX and use React components within your Markdown thanks to 

Here's an example of using inline JavaScript code for React components:

---
title: MDX Powered Lesson
isPublicLesson: true
useMdx: true
---

import Highlight from '~/module_02/lesson_02.02/protected/Highlight'

> This is an example of how to use MDX

You can write JSX and use React components within your Markdown thanks to [MDX](https://mdxjs.com/).

## Inline MDX

Here's an example of using inline JavaScript code for React components:

export const InlineHighlight = ({children, color}) => ( <span style={{
      backgroundColor: color,
      borderRadius: '2px',
      color: '#fff',
      padding: '0.2rem',
    }}> {children} </span> );

<InlineHighlight color="#25c2a0">Docusaurus green</InlineHighlight> and <InlineHighlight color="#1877F2">Facebook blue</InlineHighlight> are my favorite colors.