Add environment variables for api and database

Author: falbru

new-brus-frontend/src/app/api/mongodb.ts

@@ -7,7 +7,7 @@ export type User = {
   };
 
 export const getUserCollection = async () => {
-  const client: MongoClient = new MongoClient('mongodb://localhost:27017');
+  const client: MongoClient = new MongoClient(process.env.MONGODB_URI ?? 'mongodb://localhost:27017');
   await client.connect();
   const db: Db = client.db('brus');
   const user_collection = db.collection<User>('users');

new-brus-frontend/src/app/page.tsx

@@ -26,7 +26,7 @@ export default function Home() {
   const [users, setUsers] = useState<User[]>([]);
 
   const fetchUsers = async () => {
-    const response = await fetch('http://localhost:3000/api/users');
+    const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL ?? 'https://localhost:3000/api'}/users`);
     const data = await response.json();
     setUsers(data);
   };

new-brus-frontend/src/app/theme.ts

@@ -34,7 +34,7 @@ export default function BuyBrusModal(props: {
       amount,
     };
 
-    const response = await fetch('http://localhost:3000/api/buybrus', {
+    const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:3000/api'}/buybrus`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',