Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

プライバシーポリシーXnote
Koder
Koder@koder_dev·03月21日

これめっちゃ作りたいんじゃ!

この12時間の大ボリュームで解説するLinktreeのクローンがすごい! そもそもLinktree?🤔って人もいるかもだから説明すると、Linktreeは一つのリンクに自分の色々な情報を載せられるサービスでインスタ、Line、discordとかブログのリンクとかが全て自分用のリンクにまとめられるし分析やページUIを変更できる神サービス! なんと、それをこの動画を見ればハンズオンで作れちゃうっていうね! <実装機能> - 分析機能(各リンクのクリック回数の追跡) - カスタマイズ自由なユーザーページ - カスタムドメインの作成 - 管理画面機能 などなど、これは普通に1ユーザーとして使いたいしエンジニアとして是非とも自分の手でゼロから作ってみたい🔥

Next.js
React
12h
投稿一覧へ90+

この投稿を見てる人はこちらの投稿も見てます👇

Koder
Koder@koder_dev·04月03日

SNS作れるようになりたい?まずはtwitterクローン作れるようになるのはどう?

独自SNSだったり、今日常的に触ってるアプリやそれを超えるようなサービスを個人開発で作ってみたいって言う人は多いと思う! まずはtwitterを作るのはいかが?? ハンズオンで自分で作るだけで解像度上がるし、 「この機能はこういう風に実装するのか!」 と学びも多いはず! もちろん、クローンだから実際のアプリと作り方は違うと思うけど... 紹介してる動画たちはどれも実際のアプリと遜色ないほどクオリティ高いし個人開発に割いて聞かされた技術選定がむしろ参考になるかも!

SNS作れるようになりたい?まずはtwitterクローン作れるようになるのはどう?
NextAuth
Next.js
MongoDB
React
tailwind CSS
5h
Koder
Koder@koder_dev·04月13日

コードエディタのSaaS作ろうはイカつすぎるやろ笑

エンジニアなら絶対日々使ってる、コードエディタ何使ってる?VS Code派? Cursor派?てかさ、もう何なら作らんか?? これいかつすぎるのよ、Code sand boxみたいな実行環境自分で作っちゃうんだもん その場で実行できるし しかもさ、SaaSだからさフリープランだとJSしか動かせないけど有料プランだとGoとかRustとかも使えるという 決済手段Stripeじゃなくてlemon squeezy使ってるところも面白い 何が一番すごいってさ、ソースコード全部GitHubに公開されてんのよ圧倒的giverすぎないか??笑 これね、凄すぎてこれ以上説明のしようがないわ  凄さはその目で確認してみて👇

コードエディタのSaaS作ろうはイカつすぎるやろ笑
Next.js
React
TypeScript
tailwind CSS
5h
Koder
Koder@koder_dev·05月29日

え、これ…本当にYouTubeで無料で公開されてるの??

マイクロサービスアーキテクチャで、ここまで本格的に作り込まれたマルチベンダーEコマースSaaS。 投稿者が「全編無料公開します」って宣言してて、Part1だけでも13時間超えとか普通にえぐい笑。 しかも完成度が、よくある“なんちゃってAmazonクローン”とかじゃない むしろ「え、これ会社で実際にプロダクション投入されてるやつじゃないの…?」ってレベルでリアルな構成😎 ✅ 認証まわりもガチ OTP認証はRedis(Upstash)を使って制限付きで実装されてて、ユーザーごとの検証フローをしっかり管理 ロールベースの認可やJWTトークンも導入されてて、本番運用を想定した認証構成になってる ✅ 削除処理も、いわゆる“deleteで消すだけ”じゃない データは即時削除じゃなくて論理削除→cronタスクでの処理まで考慮された設計で、復元の余地も含んだ運用視点の構成 ✅ Stripe Connect連携も、想像以上に本格的 マルチベンダーに欠かせない売上分配機能をちゃんとStripeで実装。 しかもオンボーディングはステップ形式で、セラーが迷わないようにUI・導線が整理されてる。これ、地味にすごい ✅ Kafkaを活用したイベント駆動通信や、API Gatewayによる各サービス連携も構築済み エンタープライズ系の設計思想が詰まってて、見るだけで学びが多すぎる なにがすごいって、「いつかやってみたい」って思っても、個人じゃまず作りきれないような構成を、誰でも触れる教材として全公開してくれてること しかも、技術選定の理由やアーキテクチャの背景まで丁寧に語られてて、ただ真似するだけじゃなく“なぜそうしたか”まで理解できる まさに、“実務レベルの構成を、実装しながら学べる”という神動画。 無料でいいの…?ってレベルなので、今のうちに見といたほうがいい 週末、じっくり腰を据えて、自分の技術スタックと向き合いたい人、ぜひ👇

え、これ…本当にYouTubeで無料で公開されてるの??
Docker
React
Next.js
12h