feat: migrate vite to next.js

Author: raduwen

.env.local.example

@@ -1 +1,7 @@
-FIREBASE_DATABASE_EMULATOR_HOST=localhost:9000
+NEXT_PUBLIC_FIREBASE_API_KEY="xxxxxxxxxxxxxx"
+NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="xxxxxxxxxxxxxx"
+NEXT_PUBLIC_FIREBASE_DATABASE_URL="xxxxxxxxxxxxxx"
+NEXT_PUBLIC_FIREBASE_PROJECT_ID="xxxxxxxxxxxxxx"
+NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="xxxxxxxxxxxxxx"
+NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="xxxxxxxxxxxxxx"
+NEXT_PUBLIC_FIREBASE_APP_ID="xxxxxxxxxxxxxx"

admin/index.html

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

admin/main.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 
-import '@/global.css';
 import { Index } from '@/components/admin'
 import { FirebaseDatabaseProvider } from '@react-firebase/database';
 import firebase from '@/lib/firebase';

index.html

@@ -3,13 +3,13 @@ import 'firebase/database';
 import firebase from 'firebase/app';
 
 const config = {
-  apiKey: import.meta.env.VITE_FIREBASE_KEY,
-  authDomain: import.meta.env.VITE_FIREBASE_DOMAIN,
-  databaseURL: import.meta.env.VITE_FIREBASE_DATABASE,
-  projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-  storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-  messagingSenderId: import.meta.env.VITE_FIREBASE_SENDER_ID,
-  appId: import.meta.env.VITE_FIREBASE_APP_ID,
+  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
+  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
+  databaseURL: process.env.NEXT_PUBLIC_FIREBASE_DATABASE_URL,
+  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
+  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
+  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
+  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
 };
 
 let auth;