added env for base url

.env.sample

@@ -0,0 +1 @@
+VITE_BASE_URL=""

.gitignore

@@ -26,3 +26,5 @@ dist-ssr
 # wrangler files
 .wrangler
 .dev.vars
+.env
+.env.local

src/components/colorPicker.tsx

@@ -2,10 +2,10 @@ import { useState, useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Radio, RadioGroup } from "@headlessui/react"; 
 import { ColorsResponse } from "../interfaces";
-
+const BASE_URL = import.meta.env.VITE_BASE_URL;
 
 const ColorPicker: React.FC<Props> = ({filamentType}) => {
-  const url = new URL(`https://3dprinter-web-api.benhalverson.workers.dev/colors`);
+  const url = new URL(`${BASE_URL}/colors`);
 
   const fetchColors = async (filamentType: string) => {