🎃

Next.js + Typescript + Django + TailwindcssでSNSを作りたい Part1

2021/12/19に公開

はじめに

タイトルにあるとおりSNSを作ってみたいと思います。
私はまだNext.jsとTypescriptを少ししか触っていないため、内容的にはあまり詳しくかけていません。
ただの挑戦企画と思って参考にできるところだけ参考にしてください。
要件定義や設計方法などは全くの素人です。

開発環境

  • Macbook Pro
  • VsCode
  • PyCharm
  • Anaconda(仮想環境)
  • AdobeXD

技術構成

  • React or Next.js
  • Typescript
  • Django
  • Tailwindcss

とりあえず何からするか

まだ何も形が作れていないので、とりあえず何を実装、定義していけばいいのかを思い当たるだけ書いてみる

要件

  • どのようなSNSにするか
    • ソースコードをメインにしたSNSを作ってみたい
  • どのような意図があるか
    • いろんな人のコードを見れるようにしたい
    • エンジニア同士の繋がる機会が増えるようにしたい
  • 目的は何か
    • エンジニア同士の交流が増えてくれればいいなと思う

機能面

  • デザイン
    • シンプルで使いやすく
    • 見やすいTOP
    • ごちゃごちゃしないようにする
    • 使う流れの意識
  • アプリ
    • 認証機能
    • 投稿機能
      • テキスト
      • ソースコード
      • Github URL
    • Bookmark
    • 言語別ソート機能
    • 投稿一覧表示
    • 個別ページ表示
      • アカウント名
      • Github URL
      • 自身の投稿
      • できる言語
    • コメント機能
    • フォロー機能
    • フォローした人だけの投稿一覧

とりあえず思い当たるのはこれぐらいなので、思いついたら追加していくようにしよう

次回はデザインをざっくり考えていこうと思います。

Discussion