magic portfolio

1回UIのマジックポートフォリオでポートフォリオを構築します

ここでデモをご覧ください。

はじめる

Magic Portfolioは、next.jsに1回UIで構築されました。 node.js v18.17+が必要です。

1。リポジトリをクローンします

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

2。依存関係をインストールします

 npm install

3.開発サーバーを実行します

 npm run dev

4。編集config

 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

特徴

1回UI

• 1回のUIのすべてのトークン、コンポーネント、機能

SEO

• Next/OGを使用した自動オープングラフおよびX画像生成
• コンテンツファイルに基づく自動スキーマとメタデータの生成

デザイン

• すべての画面サイズに最適化されたレスポンシブレイアウト
• 重いアニメーションとモーションのない時代を超越したデザイン
• データ属性を介した無限のカスタマイズオプション

コンテンツ

• コンテンツファイルに基づいてセクションを条件付きでレンダリングします
• ブログ、仕事、ギャラリー、および約 / cvのページを有効または無効にする
• ソーシャルリンクを自動的に生成および表示します
• URLのパスワード保護を設定します

ローカリゼーション（新）

• Magic Portfolioは、次のIntlライブラリでのローカリゼーションをサポートするようになりました
• リソース/config.jsの詳細を参照してください

著者

スレッドまたはLinkedInで接続してください。

Lorant Toth：スレッド、LinkedIn
Zsofia komaromi：スレッド、LinkedIn

フランソワ・ヘルナンデスによるローカリゼーション

参加してください

• DiscordでDesign Engineers Clubに参加して、ポートフォリオを私たちと共有してください！
• バグを報告します。

ライセンス

CC BY-NC 4.0ライセンスの下で配布。

• 商業的使用は許可されていません。
• 帰属が必要です。

詳細については、 LICENSE.txtを参照してください。

Vercelで展開します