abdulrahman.id
1.0.0
최신 포트폴리오 웹 사이트를 오픈 소스하기로 결정했습니다! 콘텐츠 CMS를 사용하여 프로젝트와 게시물을 추가하는 동적 컨텐츠 관리가 있으며 Next.js 및 Chakra UI를 사용하여 구축되었습니다.
자세한 내용은 Next.js 및 Chakra UI 문서를 참조하십시오.
이 저장소를 자유롭게 포크하여 자신의 포트폴리오를 만들고, 저장소를 좋아한다면 스타를 주어 친절하게 지원하십시오!
.env.local 생성하고 .env.example 기준으로 변수 이름을 따르고 아래 단계를 기반으로 API 키를 가져옵니다.
1. 콘텐츠 계정을 만듭니다
2. 커뮤니티 공간을 추가하십시오 (무료입니다!)
3. "I 생성 콘텐츠"를 선택하십시오.
4. 컨텐츠 모델로 이동하여 콘텐츠 유형을 추가하기 시작하십시오.
? 이 포트폴리오 웹 사이트에는 5 가지 콘텐츠 유형이 있습니다.
1. 블로그 포스트
⚡2.0.0 업데이트 후 GitHub 문제를 블로그 컨텐츠로 사용합니다!
이에 대한 자세한 내용은 https://abdulrahman.id/blog/unleash-your-dev-blog-write-more-with-github-issues-as-your-cms
- FeacturedProjects
- 프로젝트
- 소개
- Contactme
코드에 사용 된 ID 이므로이 정확한 이름을 추가해야합니다.
이 필드에 따라 컨텐츠 유형을 추가하십시오. 
설정 -> API 키 -> 컨텐츠 전달 / 미리보기 토큰 -> "공간 이름"공간 ID 및 콘텐츠 전달을 복사하십시오. API 액세스 토큰을 복사하십시오.
.env.example 에 따라 환경 변수에 넣으십시오.
1. Firebase 프로젝트를 만듭니다
2. 물건을 설정 한 후 API 키를 얻을 수 있습니다.
3. Firestore 데이터베이스로 이동하십시오
4. views 라는 컬렉션을 추가하십시오
5. 그런 다음 .env.example 에 따르면 API 키를 앞에 두십시오.
1. 속성 설정 부분에서 Google Analytics 계정 작성 Universal Analytics를 켜는 것을 잊지 마십시오.
2. 그 후에는 UA- 로 시작하는 코드가 표시됩니다.
3. 해당 코드를 복사하여 env.example 에 따라 환경 변수에 넣으십시오!
npm i 또는 yarn 로 종속성을 설치하십시오
npm run dev 또는 yarn dev 로 프로젝트 시작
Vercel을 사용하여 쉽게 배포 할 수 있습니까?
pages/index.js = 홈페이지
pages/projects/index.js = 프로젝트 아카이브 페이지
pages/blog/index.js = 블로그 목록 페이지
pages/blog/[slug].js = 블로그 게시물 페이지
pages/api/views = API, Firebase에서 블로그 게시물보기를 가져 오기
