jarocki.me

BARTOSZ JAROCKI- 개인 웹 사이트는 NEXT.JS 및 개념으로 헤드리스 CMS를 사용하여 구축되었습니다.

이것은 제 개인 웹 사이트를 사용하여 제작되었습니다

• TypeScript
• 다음 js
• 개념 API
• 다음 테마
• 테일 윈드 CSS
• Nextseo
• Vercel Og

현지에서 실행

로컬로 애플리케이션을 실행하려면 환경 변수가 거의 없습니다 ( .env.local )에서 정의해야합니다.

1. NEXT_PUBLIC_URL 절대 URL을 생성하는 데 사용됩니다 (예 : 표준 링크 및 열기 그래프 이미지
2. NOTION_TOKEN 개념 API 클라이언트, Nore Info에서 사용
3. NOTION_DATABASE_ID 메모/블로그 게시물 목록을 가져 오는 데 사용됩니다

응용 프로그램에 필요한 특정 데이터 형식의 개념 데이터베이스가 있습니다. 데이터베이스 컨텐츠를 가져 오면 응용 프로그램은 다음 속성이 데이터베이스에서 구성 될 것으로 예상합니다.

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug -예를 들어 /notes/hello-world hello-world 노트 슬러그로 사용
9. published - 사용 가능한 메모 목록에서 미공개 메모를 필터링하는 데 사용
10. publishedAt
11. inProgress 노트 목록에 Work in progress 배지를 표시하는 데 사용됩니다.

개념의 데이터베이스가 어떻게 보이는지는 다음과 같습니다.

환경 변수와 개념 데이터베이스를 정의한 후 응용 프로그램을 실행하십시오.

git clone https://github.com/BartoszJarocki/web-jarocki-me
cd web-jarocki-me
yarn
yarn dev

OG 이미지 생성

응용 프로그램은 Lambda Functions 및 Puppetter를 사용하여 자동으로 열린 그래프 이미지를 생성합니다.

메인 페이지 예제

블로그 게시물 예제

크레딧

Tailwind UI Spotlight 템플릿에서 크게 영감을 얻은 디자인

Vercel에 배포하십시오

특허

MIT