jahir.dev

Jahir.dev

スタック

• フレームワーク：next.js
• スタイリング：Tailwind CSS
• コンテンツ：MDXとVelite
• データベース：NeonとDrizzle Orm
• 分析：Umami
• 展開：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ルートのWebサイト。 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/* -JSONプロジェクトとusesページのデータを含むJSONファイル
• src/hooks/* - アプリ全体で使用されるいくつかのフック
• src/lib/* - 「ライブラリ」の略、有用なユーティリティまたは外部サービスのコードのコレクション
• src/providers/* - 現在のテーマとブログ投稿の反応を保存するためのコンテキストの反応
• src/styles/* - scssを使用したグローバルスタイル。主にTailwindクラスを使用します
• src/types/* - いくつかのタイプ定義
• src/utils/* - より多くのユーティリティ機能はlibのものよりも複雑ではありません

ローカルで実行されます

このアプリケーションには、node.js v18.18+が必要です。

1. プロジェクトのクローン、依存関係をインストールし、初期セットアップを実行します

   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

2. .env.exampleに似た.envファイルを作成します。

3. （オプション）このプロジェクトは、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
   );

4. プロジェクトをローカルに実行します：

   bun run dev

注記

bun run setup Scriptが多くのファイルを削除するため、いくつかのことが壊れているか、見つからない可能性があります。コードと実装を再確認してください。

クローニング /フォーキング

ライセンスを確認し、直接コピーしないでください。すべての個人コンテンツとファイル（履歴書、ブログ投稿、画像など）を実行して、 bun run setupを実行して、スタイリングと色を変更して個人のブランドに合わせてください。このコードはインスピレーションまたは学習リファレンスとして自由に使用できますが、これは実際にはテンプレートになることを意図していません。

追加の変更

IS_TEMPLATE環境変数をfalseに設定してください。それ以外の場合、Webサイトの色が反転する可能性があります。 （ src/styles/globals.scss参照）

以前のバージョン

このウェブサイトの以前のバージョンはすべて、jahirfiquitiva/prev-websitesで見つけることができます