magic portfolio

한 번 UI의 마법 포트폴리오로 포트폴리오를 구축하십시오

여기에서 데모를보십시오.

시작하기

Magic 포트폴리오는 Next.js의 한 번 UI로 구축되었습니다. node.js v18.17+가 필요합니다.

1. 저장소를 복제하십시오

 git clone https://github.com/once-ui-system/magic-portfolio.git

2. 종속성을 설치하십시오

 npm install

3. Dev 서버를 실행하십시오

 npm run dev

4. 구성 편집

 src/app/resources/config

5. 내용 편집

 src/app/resources/content (or content-i18n for localization)

6. 블로그 게시물 / 프로젝트를 만듭니다

 Add a new .mdx file to src/app/[locale]/blog/posts or src/app/[locale]/work/projects

특징

일단 ui

• 한 번 UI의 모든 토큰, 구성 요소 및 기능

서

• 다음/OG를 사용한 자동 개방 및 X 이미지 생성
• 콘텐츠 파일을 기반으로 자동 스키마 및 메타 데이터 생성

설계

• 모든 화면 크기에 최적화 된 반응 레이아웃
• 무거운 애니메이션과 움직임이없는 영원한 디자인
• 데이터 속성을 통한 끝없는 사용자 정의 옵션

콘텐츠

• 컨텐츠 파일을 기반으로 섹션을 조건부로 렌더링합니다
• 블로그, 작업, 갤러리 및 약 / CV 용 페이지 활성화 또는 비활성화
• 소셜 링크를 자동으로 생성하고 표시합니다
• URL에 대한 비밀번호 보호를 설정하십시오

현지화 (신규)

• Magic Portfolio는 이제 Next-Intl 라이브러리로 현지화를 지원합니다
• 리소스/config.js의 자세한 정보를 참조하십시오

저자

스레드 또는 LinkedIn에서 우리와 연결하십시오.

Lorant Toth : Threads, LinkedIn
Zsofia Komaromi : 스레드, LinkedIn

François Hernandez에 의해 추가 된 현지화

참여하십시오

• Discord에서 Design Engineers Club에 가입하고 포트폴리오를 우리와 공유하십시오!
• 버그를보고하십시오.

특허

CC By-NC 4.0 라이센스에 따라 배포되었습니다.

• 상업용 사용은 허용되지 않습니다.
• 귀속이 필요합니다.

자세한 내용은 LICENSE.txt 참조하십시오.

Vercel과 함께 배포하십시오