ホームページ > ウェブフロントエンド > jsチュートリアル > スレッドのクローンを作成しました。

スレッドのクローンを作成しました。

Patricia Arquette
リリース: 2024-12-27 01:01:09
オリジナル
636 人が閲覧しました

作成日: 2024 年 12 月 8 日

スタック

  • リミックス
  • 霧雨
  • スクライト
  • アップロード

開発時の感想(関係ないかも)

リミックスのロジックは単純なので、リミックスの概念を理解するのに数日しかかかりませんでした。

aria-labels などの適切な HTML セマンティクスとアクセシビリティの実装を試みました。

私はプリズマより霧雨の方が好きです。

Web 標準に準拠しているため、理解しやすいです。

ミドルウェアがないため、認可のためにすべてのルートでユーザー セッションを確認する必要があります。

I just cloned Threads! ムベルガラ / スレッドクローン

Remix、drizzle、sqlite を使用して作成されたシンプルなスレッドのクローン。

スレッドクローン

  • 作成日: 2024 年 12 月 8 日

スタック

  • リミックス
  • 霧雨
  • スクライト
  • アップロード

インストール

.env ファイルに正しい値を入力します。 それから

<span># Install dependencies</span>
npm install

<span># Create local.db</span>
touch local.db

<span># Push schema to local.db</span>
npx drizzle-kit push

<span># Run</span>
npm run dev

<span># Open studio for database visualization</span>
npx drizzle-kit studio
ログイン後にコピー
全画面モードに入る 全画面モードを終了します

スクリーンショット

I just cloned Threads! I just cloned Threads! I just cloned Threads! I just cloned Threads! I just cloned Threads! I just cloned Threads! I just cloned Threads! I just cloned Threads! I just cloned Threads!

開発時の感想(関係ないかも)

  • リミックスのロジックは単純なので、リミックスの概念を理解するのに数日しかかかりませんでした。

  • aria-labels などの適切な HTML セマンティクスとアクセシビリティの実装を試みました。

  • 私はプリズマより霧雨の方が好きです。

  • Web 標準に準拠しているため、理解しやすいです。

  • ミドルウェアがないため、認可のためにすべてのルートでユーザー セッションを確認する必要があります。

    https://remix.run/docs/en/1.19.3/pages/faq#how-can-i-have-a-parent-route-loader-validate-the-user-and-protect-all -子ルート


GitHub で表示


以上がスレッドのクローンを作成しました。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート