braydoncoyer.dev

Braydoncoyer.dev

• 프레임 워크 : Next.js
• 스타일링 : Tailwind CSS
• 내용 : 개념 API
• 데이터베이스 : supabase
• 그래프 이미지 열기 : Cloudinary
• 뉴스 레터 : Revue
• 배포 : Vercel

프로젝트 개요

• components/* - 사이트 전체에 사용 된 다양한 구성 요소.
• layouts/* - 각 페이지에서 사용할 수있는 다양한 레이아웃 옵션.
• lib/* - "도서관"의 짧은 단기, 유용한 유틸리티 또는 외부 서비스에 대한 코드 모음.
• pages/api/* - API 노선은 기사 반응, 기사보기, /stats , 뉴스 레터 구독 전원 및 사이트 맵을 생성합니다.
• pages/blog/* - 개념 API에서 정보를 가져 오는 정적 사전 렌더링 블로그 페이지.
• pages/stats - 내 웹 사이트에 대한 사이트 통계.
• pages/* - 다른 모든 정적 페이지.
• public/* - Robots.txt를 포함한 정적 자산
• styles/* - 소수의 글로벌 스타일과 재사용 가능한 클래스는 @apply와 함께 Tailwind와 함께 사용합니다.
• data/* - 사이트에 대한 글로벌 데이터를 포함하는 간단한 개체.

현지에서 실행

$ git clone https://github.com/braydoncoyer/braydoncoyer.dev.git
$ cd braydoncoyer.dev
$ npm install
$ npm run dev

.env.example 과 유사한 .env 파일을 작성하고 적절한 키를 포함하십시오.

개념 기사 템플릿

다음 개념 데이터베이스를 복제하고 데이터베이스 ID를 잡고 .env 파일의 환경 변수에 추가하십시오.