4c siteダウンロード4c siteソースコードのダウンロード

4c site

AI ソースコード

v0.22.0

ダウンロード

4c（コンテンツクリエイターのクールなコミュニティ）

コンテンツクリエイターや4Cのクールなコミュニティを、チルコーヒーショップ（クーラーも均一にしていますか？）を想像してください。コンテンツクリエイターが経験を共有することで目標を達成するのを支援する包括的で役立つ環境。

人気のあるコンテンツ作成者との排他的なトーク/ワークショップにアクセスするため、協力する機会を得ることができます。

ゲームもあります！？

参加しませんか：

DiscordとTwitterで素晴らしいコミュニティに参加してください。

？ウェブサイトの概要

このリポジトリは、4CコミュニティWebサイトに関するものです。ウェブサイトにアクセスして、コミュニティメンバーのプロジェクト、アクティブメンバー、その他の素晴らしいコンテンツを最新の状態に保ちましょう！

？貢献したいですか？

あなたがコミュニティのメンバーであるかどうかにかかわらず、私たちはあなたの視点が大好きです！最初に私たちの行動規範と、欠落している手順の貢献ガイドラインをチェックしてください。

貢献者向け

？技術スタック

このレポのコードベースは使用します

Nextjs
Tailwindcss

コードに貢献するには、必要になります

コンピューターにインストールされているノード。
Gitの基本的な知識

？貢献手順

GitPodでこのプロジェクトに直接作業できます！

または、地元で作業するために、

このリポジトリをフォークします

レポをクローンします

$ git clone [email protected]: < your github username > /4c-site.git

クローン化されたディレクトリに移動します
```
$ cd 4c-site
```
依存関係をインストールします
```
$ npm install
```
localhostでプロジェクトを開始します
```
$ npm run dev 
```

トラブルシューティング

プロジェクトをローカルにセットアップしようとする過程で、 PWA is not supportedというエラーに遭遇した場合、以下の手順を試して修正することができます。

LinuxまたはMac用？

cd 4c-siteを使用して4Cサイトフォルダーに移動します

ターミナルで、

$ export NODE_OPTIONS=--openssl-legacy-provider

上記のコードでエラーが発生した場合は、以下のオプションを使用してください
```
$ unset NODE_OPTIONS= " "
```
開発サーバーを開始します
```
$ npm run dev
```

Windows用？

cd 4c-siteを使用して4Cサイトフォルダーに移動します

ターミナルで、

$ set NODE_OPTIONS=--openssl-legacy-provider

開発サーバーを開始します
```
$ npm run dev
```

このプロジェクトをローカルに実行するには、 nodeバージョンをV16に格下げするなど、追加の構成が必要になる場合があります。これに似たエラーが発生する可能性があります。

これを修正するには、 nodeバージョンをV16にダウングレードします。 nvmノードバージョンマネージャーでそれを行う簡単な方法は次のとおりです。

nvmをダウンロードしてインストールします。 WindowsにはNVM-Setup.exeを使用するか、他のシステムにinstall.shを使用します。
バージョンV16をインストールします
```
$ nvm install 16.16.0
```
システムにノードのバージョン16を使用します
```
$ nvm use 16.16.0
```

すべてが機能しているかどうかを確認するには、シェルを再起動してnode -vを実行します。出力はv16.16.0でなければなりません。もしそうなら、あなたはプロジェクトの作業を続けることができます！

コミットを実行します

   $ git commit -m <Commit-message>

？プロジェクトページにプロジェクトを追加します

注：プロジェクトページは、コミュニティメンバーのみのプロジェクトを表示するために予約されています。各メンバーは1つのプロジェクトのみを立てることができます。

プロジェクトをプロジェクトページに追加するには、 /dataディレクトリに移動し、その後、 projects.jsonファイルに移動します。そこで、各プロジェクトのオブジェクトがあります。

例えば、

{
  "name" : " Francesco Ciulla " ,
  "title" : " FREE Web3 Resources " ,
  "screenshot" : " https://user-images.githubusercontent.com/18360871/199210192-f5599a23-f0b1-49ff-9c52-2554a72a2c14.png " ,
  "description" : " A list of resources to learn Web3 for FREE " ,
  "link" : " https://github.com/FrancescoXX/free-Web3-resources " ,
  "twitter" : " https://twitter.com/FrancescoCiull4 " ,
  "live_link" : " https://www.freeweb3resources.com " ,
  "stack" :  [ " React " , " CSS " , " Solidity " ]
}

上記のオブジェクトに似た新しいオブジェクトを作成します。
上記の例に従って、次のようなプロジェクトの詳細を作成します。
- あなたの名前
- プロジェクトのタイトル
- スクリーンショット
- 簡単な説明
- Github Repoへのリンク（オープンソースの場合）
- Twitterプロファイルへのリンク
- プロジェクトへのライブリンク。
プルリクエストを開きますか？

このReadmeまたはWebサイト自体に奇妙なものや欠けているものに気づきましたか？お気軽に問題を提起してください。

Discordで驚くべき4Cコミュニティに参加し、Twitterでフォローしてループにとどまります。