jahir.dev 다운로드 jahir.dev 소스 코드 다운로드

jahir.dev

AI 소스 코드

1.0.0

다운로드

jahir.dev

스택

프레임 워크 : Next.js
스타일링 : Tailwind CSS
내용 : MDX 및 Velite
데이터베이스 : 네온 및 이슬비 ORM
분석 : 누마
배포 : Vercel

프로젝트 구조

 .
| ____config
| ____content
| ____public
| ____scripts
| ____src
| | ____actions
| | ____app
| | ____assets
| | ____components
| | | ____core
| | | ____molecules
| | | ____og
| | | ____views
| | | ____icons.ts
| | ____data
| | ____hooks
| | ____lib
| | ____providers
| | ____styles
| | ____types
| | ____utils

config/* - mdx, velite 및 next.js에 대한 모든 사용자 정의 구성 포함
content/* -MDX 블로그 게시물 및 donate 페이지 콘텐츠
public/* - 이미지, 글꼴, 오디오, 파일 등을 포함한 정적 자산.
scripts/* - 프로젝트를 설정하는 유틸리티
src/app/* - 웹 사이트의 모든 페이지 및 API 경로. Next.js 13.+
src/assets/* - 다른 구성 요소에 사용되는 글꼴 및 정적 이미지
src/components/core/* - 가장 간단한 구성 요소. 그들 대부분은 무국적입니다
src/components/molecules/* -웹 사이트의 기본 블록 : toolbar , footer , main 레이아웃, back-to-top 버튼 및 social links
src/components/og/* - 동적 개방형 이미지 생성에 전력을 공급하는 코드
src/components/views/* - 내 웹 사이트의 다른 페이지를 구축하기위한 더 복잡한 구성 요소. (그들은 src/app/ 최대한 깨끗하게 유지하기 위해 여기에 있습니다)
src/components/icons.ts SVG 아이콘 경로. 아이콘은 재료 디자인 아이콘과 Lucide에서 나옵니다
src/data/* - 프로젝트 및 uses 페이지에 대한 데이터가 포함 된 JSON 파일
src/hooks/* - 앱 전체에 사용 된 몇 개의 후크
src/lib/* - "라이브러리"의 짧은 단기, 유용한 유틸리티 또는 외부 서비스에 대한 코드 모음
src/providers/* - 현재 테마 및 블로그 게시물 반응을 저장하기위한 컨텍스트 반응
src/styles/* - scss 와의 글로벌 스타일. 대부분 테일 윈드 클래스를 사용합니다
src/types/* - 일부 유형 정의
src/utils/* - 더 많은 유틸리티 기능이지만 lib 의 것보다 덜 복잡합니다.

현지에서 실행

이 응용 프로그램에는 node.js v18.18+가 필요합니다.

프로젝트를 복제하고 종속성을 설치하고 초기 설정을 실행하십시오

git clone https://github.com/jahirfiquitiva/jahir.dev.git
cd jahir.dev
bun
bun run setup # You can skip this if you're contributing to this repository. It removes all of my personal content and files

.env.example 과 유사한 .env 파일을 만듭니다.

(선택 사항)이 프로젝트는 Postgres 데이터베이스를 사용하여보기 및 반응 수를 저장합니다.

 CREATE TABLE counters (
  slug VARCHAR ( 255 ) PRIMARY KEY NOT NULL ,
  views INTEGER NOT NULL DEFAULT 0 ,
  likes INTEGER NOT NULL DEFAULT 0 ,
  loves INTEGER NOT NULL DEFAULT 0 ,
  awards INTEGER NOT NULL DEFAULT 0 ,
  bookmarks INTEGER NOT NULL DEFAULT 0
);

로컬로 프로젝트 실행 :
```
bun run dev
```

메모

bun run setup 스크립트가 많은 파일을 제거하기 때문에 일부 사항이 깨지거나 찾을 수 없습니다. 코드와 구현을 두 번 확인하십시오.

클로닝 / 포킹

라이센스를 검토하고 직접 복사하지 말고 bun run setup 실행하여 모든 개인 컨텐츠 및 파일 (이력서, 블로그 게시물, 이미지 등)을 제거하고 개인 브랜드와 일치하도록 스타일과 색상을 변경하십시오. 이 코드를 영감이나 학습 참조로 자유롭게 사용할 수 있지만 실제로는 템플릿이 아닙니다.

추가 변경

IS_TEMPLATE 환경 변수를 False로 설정하십시오. 그렇지 않으면 웹 사이트의 색상이 반전 될 수 있습니다. ( src/styles/globals.scss 참조)