早くVITE FireBaseのTailWindCSSを開始🔥🔥🔥

私たちは皆、どのように退屈で退屈なそれは新しいプロジェクトをゼロから作成することです知っている.それは時間がかかり、繰り返しボイラープレートコードの多くです.
それが私がVITEのための究極のスターターテンプレートを作成した理由です.いくつかの機能を含める

暗号化のために🔒

スタイルのために💅

TypeScript -より信頼性の高いコード🔐

Baasのために💾

反応スナップと反応のヘルメット- SEOの🔍

反応の使用-有用な既製反応フックのために🪝

反応遷移グループ📺

反応アイコン💖

いくつかの品質の生活の改善を含める

utils/firebaseの設定済みファイル.すでに環境変数とenvで設定されています.それで、ちょうどあなたのFirebase資格情報をコピーして、ペーストしてください.envファイル.
/utils/firebase.TS

import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getPerformance } from "firebase/performance";
import { getStorage } from "firebase/storage";

const firebaseConfig = {
  apiKey: import.meta.env.VITE_FIRE_API_KEY,
  authDomain: import.meta.env.VITE_FIRE_AUTH_DOM,
  projectId: import.meta.env.VITE_FIRE_PRJ_ID,
  storageBucket: import.meta.env.VITE_FIRE_STG_BKT,
  messagingSenderId: import.meta.env.VITE_FIRE_MSG_ID,
  appId: import.meta.env.VITE_FIRE_APP_ID,
  measurementId: import.meta.env.VITE_FIRE_MESG_ID,
};

const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
//type the auth and firestore functions
const auth = getAuth();
const firestore = getFirestore(app);
const performance = getPerformance(app);
const storage = getStorage(app);

export { analytics, auth, firestore, performance, storage };

ルーティング

事前に設定され、すでにアプリケーションで行われます.TSXファイルとメイン.TSX

暗号化

関数の暗号化と復号化は既に行われます.Utils/暗号化TS

SEO

メイン.TSXファイルは既に適切なコードで構成されています

生産

あなたがSEOとパフォーマンスであなたのアプリを出荷することができるように、生産のスクリプトはすでにProdスクリプトを持っています

テンプレートのインストール

git clone https://github.com/NeoPrint3D/vite-starter-kit

cd vite-starter-kit

#use anyone of these commands to install dependencies

pnpm install 
yarn install
npm install 

#start the project

pnpm dev

質問を読むためのおかげでちょうど私にメール[email protected]
そして、githubレポを主演してください
https://github.com/NeoPrint3D/vite-starter-kit