https://github.com/gsuke/engineer-sns-client

Client implementation of https://qiita.com/HawkClaws/items/599d7666f55e79ef7f56
https://github.com/gsuke/engineer-sns-client

daisyui nextjs react sns swr tailwindcss typescript vercel

Last synced: about 1 month ago
JSON representation

Client implementation of https://qiita.com/HawkClaws/items/599d7666f55e79ef7f56

• Host: GitHub
• URL: https://github.com/gsuke/engineer-sns-client
• Owner: gsuke
• License: mit
• Created: 2022-06-21T00:54:48.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-17T14:46:15.000Z (over 2 years ago)
• Last Synced: 2024-11-15T01:30:25.279Z (3 months ago)
• Topics: daisyui, nextjs, react, sns, swr, tailwindcss, typescript, vercel
• Language: TypeScript
• Homepage: https://engineer-sns-client-gsuke.vercel.app
• Size: 345 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.adoc
  • License: LICENSE

Awesome Lists containing this project

README

        
= 「エンジニア・プログラマにしか使えないSNS」のクライアント

デプロイURL: https://engineer-sns-client-gsuke.vercel.app

link:https://qiita.com/HawkClaws/items/599d7666f55e79ef7f56[「エンジニア・プログラマにしか使えないSNSを作ってみた話」] のクライアントを作成しました。

== 注目ポイント

* ページング処理

** 無限スクロールを採用しているため、直感的に過去投稿を閲覧できる。

** 途中で新規投稿が追加された場合でも、取得される投稿が重複したり欠落したりしない。

* リクエストの送信を最小限にしてサーバーに負担をかけないようにしている。

* Lint, CIといったエコシステムを活用し、開発者体験を向上させている。

* モダンなフロントエンド技術を活用することで保守性・拡張性の高いソースコードになっている。

* Tailwind CSS, daisyUI の利点を活かし、最低限の労力で独自のデザインを実現している。

== 使用した技術

=== 言語

* TypeScript

=== フレームワーク / ライブラリ

* React

* Next.js

* Tailwind CSS

* daisyUI

* SWR

=== Lint / CI / CD

* ESLint

* Prettier

* EditorConfig

* GitHub Actions

* Vercel

== 開発

=== 必要なもの

* Node.js 16

* Yarn (v1)

* VSCode (+ 推奨拡張機能)

=== ローカル実行の方法

. `yarn`

. `yarn dev`