Markdown Examples

Read the Images section.Images#

Read the With <img /> tag section.With <img /> tag#

Read the With Next.js <Image /> component section.With Next.js <Image /> component#

Read the Headings section.Headings#

Read the h2 section.h2#

Read the h3 section.h3#

Read the h4 section.h4#

Read the h5 section.h5#

Read the h6 section.h6#

Read the Text section.Text#

this text is bold

this text is italic

this text is strikethrough

Read the Blockquotes section.Blockquotes#

Somewhere, something incredible is waiting to be known.

Read the Lists section.Lists#

Read the Unordered section.Unordered#

• Lorem ipsum dolor sit amet
• Lorem ipsum dolor sit amet
• Lorem ipsum dolor sit amet

Read the ordered section.ordered#

1. Lorem ipsum dolor sit amet
2. Lorem ipsum dolor sit amet
3. Lorem ipsum dolor sit amet

Read the Code section.Code#

Inline code

Read the JavaScriptReact code section.JavaScriptReact code#

Copy
1import { ChakraProvider } from "@chakra-ui/react"
2import { DefaultSeo } from "next-seo"
3
4import theme from "@/theme/index"
5import Layout from "@/layouts/global"
6import SEO from "next-seo.config"
7
8import "@fontsource/poppins/latin-400.css"
9import "@fontsource/poppins/latin-500.css"
10import "@fontsource/poppins/latin-600.css"
11import "@fontsource/poppins/latin-700.css"
12import "@/styles/index.css"
13
14const MyApp = ({ Component, pageProps }) => (
15  <>
16    <DefaultSeo {...SEO} />
17
18    <ChakraProvider theme={theme}>
19      <Layout>
20        <Component {...pageProps} />
21      </Layout>
22    </ChakraProvider>
23  </>
24)
25
26export default MyApp
27