Welcome

This is a markdown file with some interactive React components.

The code for this whole page is just markdown with a few React components whenever we want more dynamic content. See below.

Section

• List item 1
• List item 2

A link to another page

console.log('A code block');

An image:

But it doesn't stop there...

We can add client side interactive React components:

Conway's Game of Life

And server side components...

Here's the code for this page (shown below using a server side component):

import ConwayGame from '@/components/conway'
import TallyButton from '@/components/tally-button'
import RenderHomepageCode from '@/components/render-homepage-code'

# Welcome

This is a markdown file with some interactive React components.

The code for this whole page is just markdown with a few React components whenever we want more dynamic content. See below.

## Section

- List item 1
- List item 2

[A link to another page](/more-content/another-page)

```js
console.log('A code block');
```

An image:

![A test image](https://unsplash.it/640/480)

## But it doesn't stop there...

We can add client side interactive React components:

<TallyButton />


### Conway's Game of Life

<ConwayGame />

## And server side components...

Here's the code for this page (shown below using a server side component):

<RenderHomepageCode />

## Try it now

**[Fork this repo on GitHub](https://github.com/dtedesco1/nextjs-markdown-boilerplate)**

Try it now

Fork this repo on GitHub