1
yarn add next react react-dom nextra nextra-theme-docs

1
const withNextra = require('nextra')({
2
  theme: 'nextra-theme-blog',
3
  themeConfig: './theme.config.jsx',
4
})
5

6
module.exports = withNextra()
7

8
// If you have other Next.js configurations, you can pass them as the parameter:
9
// module.exports = withNextra({ /* other next.js config */ })

1
export default {
2
  logo: <span>My Nextra Documentation</span>,
3
  project: {
4
    link: 'https://github.com/shuding/nextra',
5
  },
6
  // ... other theme options
7
}

1
"scripts": {
2
  "dev": "next",
3
  "build": "next build",
4
  "start": "next start"
5
},

1
{
2
  "index": {
3
    "title": "About",
4
    "type": "page"
5
  },
6
  "posts": {
7
    "title": "Posts",
8
    "type": "page"
9
  }
10
}

1
---
2
type: page
3
title: About
4
date: 2023/12/08
5
---
6

7
# 여러분의 친절한 이웃, 베르닉트
8

9
> Email. dhktjdyd12@naver.com
10

11
사용자 중심의 개발를 지향하는 낙천주의자입니다.
12
머리 속 생각을 정리하는 글을 쓰는 것을 즐깁니다.
13

14
사람이 행복을 느끼는 알고리즘이 무엇일지 고민한 끝에,
15
중요하게 여기는 가치는 성장, 베풂이라 생각합니다.
16

17
출처를 남기려고 노력하지만, 작업을 하다가 까먹을 수 있습니다.
18
정확한 출처 표기를 하지 못했다면 죄송합니다.
19

20
> 잡설
21
>
22
> 제가 가장 좋아하는 캐릭터는 스파이더맨과 조커입니다.
23
> 두 캐릭터의 공통점은 온갖 역경과 고난이 그들에게 온다는 것입니다.
24
> 그렇지만 결정적인 차이점은 스파이더맨에게는 자신을 끝까지 믿어주는 한 사람, 메이 숙모가 있다는 것이고,
25
> 조커는 그러한 사람이 없단 점입니다.
26
>
27
> 한 사람의 인생에서 단 1명이라도 자신을 믿어준다는 것은
28
> 어마어마한 변화를 불러일으킬 수 있다는 점을 보여주는 예시가 아닐까 생각이 듭니다.
29
> 내가 사랑하는 가족, 친구들이 어려운 시기에 따뜻한 말 한마디 건네보는 건 어떨까요?

1
---
2
title: Hello!
3
date: 2023/02/07
4
---
5

6
## 3. Hello!
7

8
Hello, Nextra!

1
yarn add next-seo

1
import { DefaultSeo } from 'next-seo'
2

3
const DEFAULT_SEO = {
4
  title: 'berenickt',
5
  description: "berenickt's Dev Blog",
6
  canonical: 'https://www.carrotins.com',
7
  openGraph: {
8
    type: 'website',
9
    locale: 'ko_KR',
10
    url: 'https://berenickt.vercel.app/',
11
    title: "berenickt - Yewon-Noh's Dev Blog",
12
    siteName: 'berenickt',
13
    images: [
14
      {
15
        url: '/images/image.png',
16
        width: 285,
17
        height: 167,
18
        alt: '이미지',
19
      },
20
    ],
21
  },
22
}
23

24
export default function Nextra({ Component, pageProps }) {
25
  return (
26
    <>
27
      <DefaultSeo {...DEFAULT_SEO} />
28
    </>
29
  )
30
}

1
yarn add @vercel/analytics

1
import { Analytics } from '@vercel/analytics/react'
2

3
export default function Nextra({ Component, pageProps }) {
4
  return (
5
    <>
6
      ...
7
      <Component {...pageProps} />
8
      <Analytics />
9
    </>
10
  )
11
}

1
Unexpected character `,` (U+002C) in name,
2
expected a name character such as letters, digits,
3
`$`, or `_`; whitespace before attributes; or the end of the tag