diff --git a/components/ShoppingCartItem.tsx b/components/ShoppingCartItem.tsx
deleted file mode 100644
index a7b8a57..0000000
--- a/components/ShoppingCartItem.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import { FC, useState } from 'react';
-
-import { DisplayProduct } from './ProductCard';
-import { PlusIcon, MinusIcon, CloseIcon } from './Icons';
-
-interface Props {
-	item: DisplayProduct & { _id: string; };
-	setModified: (modified: boolean) => void;
-}
-
-const ShoppingCartItem: FC<Props> = ({ item, setModified }) => {
-	const [deleted, setDeleted] = useState(false);
-	const [cart, setCart] = useState<DisplayProduct[]>([]);
-	const [amount, setAmount] = useState(item.amount);
-	const [price, setPrice] = useState(item.price);
-
-	const removeFromCart = (): void => {
-		if (window === undefined) return;
-		if (!window.localStorage.getItem('cart')) return;
-		if (!cart.length) setCart([...cart, ...JSON.parse(window.localStorage.getItem('cart')!)]);
-
-		setCart(cart.filter((e: DisplayProduct) => e._id !== item._id));
-		setDeleted(true);
-
-		window.localStorage.setItem('cart', JSON.stringify(cart));
-		setModified(true);
-	};
-
-	const increaseAmount = (): void => {
-		if (window === undefined) return;
-		if (!window.localStorage.getItem('cart')) return;
-		if (!cart.length) setCart([...cart, ...JSON.parse(window.localStorage.getItem('cart')!)]);
-		if (item.stock < amount + 1) return;
-
-		const newCart = cart;
-		const newItem = newCart.find(cartItem => cartItem._id === item._id);
-		if (!newItem) return;
-		newItem.amount++;
-		setCart(newCart);
-		setPrice(newItem.amount * (price / amount));
-		setAmount(newItem.amount);
-
-		window.localStorage.setItem('cart', JSON.stringify(cart));
-		setModified(true);
-	};
-
-	const decreaseAmount = (): void => {
-		if (window === undefined) return;
-		if (!window.localStorage.getItem('cart')) return;
-		if (!cart.length) setCart([...cart, ...JSON.parse(window.localStorage.getItem('cart')!)]);
-		if (amount - 1 < 0) return;
-		if (amount - 1 === 0) return removeFromCart();
-
-		const newCart = cart;
-		const newItem = newCart.find(cartItem => cartItem._id === item._id);
-
-		if (!newItem) return;
-
-		newItem.amount--;
-
-		setCart(newCart);
-		setAmount(newItem.amount);
-		setPrice(newItem.amount * (price / amount));
-
-		window.localStorage.setItem('cart', JSON.stringify(cart));
-		setModified(true);
-	};
-
-	return <>
-		{!deleted && (
-			<div className='flex'>
-				<img className='w-24 sm:w-32 md:w-52 rounded-lg mt-2 mb-2' draggable={false} src={item.imageURL} alt={item.name} width='64' height='64' />
-				<div className='flex-row mt-2 mb-2 ml-2 flex items-center w-full md:w-screen lg:w-full'>
-					<div className='ml-1 flex flex-col'>
-						<h1 className='text-xl font-bold'>{item.name}</h1>
-						<p className='w-20 xl:w-28'>€{(price / amount / 100).toFixed(2)} elk</p>
-					</div>
-					<div className='sm:ml-16 md:ml-20 flex flex-row mb-4 relative w-full'>
-						<div className='flex flex-row items-center justify-center gap-3'>
-							<button onClick={(): void => increaseAmount()}>
-								<PlusIcon className='w-6 h-6 fill-slate-300 transition-all duration-[200ms] ease-in-out hover:fill-red-700' />
-							</button>
-							<p className='w-4'>{amount}</p>
-							<button onClick={(): void => decreaseAmount()}>
-								<MinusIcon className='w-6 h-6 fill-slate-300 transition-all duration-[200ms] ease-in-out hover:fill-red-700' />
-							</button>
-						</div>
-						<p className='ml-6 sm:ml-20 md:ml-24 lg:ml-52 xl:ml-44 text-lg'>€{(price / 100).toFixed(2)}</p>
-						<button onClick={(): void => removeFromCart()} className='absolute md:-right-32 lg:right-3 right-3'>
-							<CloseIcon className='w-6 h-6 fill-slate-300 transition-all duration-[200ms] ease-in-out hover:fill-red-700' />
-						</button>
-					</div>
-				</div>
-				{/* <div className='flex-col absolute ml-[15rem] sm:ml-[34rem] md:ml-[35rem] lg:ml-[56rem] mt-2 mb-2'>
-					<p className='text-lg text-end'>€{(price).toFixed(2)}</p>
-				</div> */}
-
-			</div>
-		)}
-	</>;
-};
-
-export default ShoppingCartItem;
\ No newline at end of file
diff --git a/lib/hooks/useLocalStorage.tsx b/lib/hooks/useLocalStorage.tsx
index 6b080f3..d1d6b43 100644
--- a/lib/hooks/useLocalStorage.tsx
+++ b/lib/hooks/useLocalStorage.tsx
@@ -35,8 +35,8 @@ export const useLocalStorage = <T extends object,>(key: string, initialValue: T)
 			const index = (storedValue as []).findIndex((o: DisplayProduct) => o.name === (value as DisplayProduct).name);
 
 			if (index !== -1) {
-				if ((value as DisplayProduct).stock === 0) return undefined;
-				if ((value as DisplayProduct).amount + (storedValue as DisplayProduct[])[index].amount > (value as DisplayProduct).stock) return undefined;
+				// if ((value as DisplayProduct).stock === 0) return undefined;
+				// if ((value as DisplayProduct).amount + (storedValue as DisplayProduct[])[index].amount > (value as DisplayProduct).stock) return undefined;
 				if ((value as DisplayProduct).amount + (storedValue as DisplayProduct[])[index].amount < 0) return undefined;
 				setStoredValue((storedValue as DisplayProduct[]).filter(p => p.name !== (value as DisplayProduct).name) as SetStateAction<T>);
 				const amount = (storedValue as DisplayProduct[])[index].amount + (value as DisplayProduct).amount;
diff --git a/pages/api/products/[product_id].ts b/pages/api/products/[product_id].ts
index bf391cf..31b0319 100644
--- a/pages/api/products/[product_id].ts
+++ b/pages/api/products/[product_id].ts
@@ -9,7 +9,7 @@ import dbConnect from '../../../src/util/dbConnect';
 import { ironOptions } from '../../../src/util/ironConfig';
 import { Stripe } from 'stripe';
 
-const stripe = new Stripe(process.env.NEXT_STRIPE_SECRET_KEY, {
+const stripe = new Stripe(process.env.NEXT_PUBLIC_STRIPE_SECRET_KEY, {
 	apiVersion: '2022-11-15',
 });
 
diff --git a/pages/api/products/index.ts b/pages/api/products/index.ts
index 541bd42..435297b 100644
--- a/pages/api/products/index.ts
+++ b/pages/api/products/index.ts
@@ -8,7 +8,7 @@ import dbConnect from '../../../src/util/dbConnect';
 import { ironOptions } from '../../../src/util/ironConfig';
 import { Stripe } from 'stripe';
 
-const stripe = new Stripe(process.env.NEXT_STRIPE_SECRET_KEY, {
+const stripe = new Stripe(process.env.NEXT_PUBLIC_STRIPE_SECRET_KEY, {
 	apiVersion: '2022-11-15',
 });
 
diff --git a/pages/api/stripe/customer.ts b/pages/api/stripe/customer.ts
index 10fd096..86fecf9 100644
--- a/pages/api/stripe/customer.ts
+++ b/pages/api/stripe/customer.ts
@@ -3,7 +3,7 @@ import { NextApiRequest, NextApiResponse } from 'next';
 import dbConnect from '../../../src/util/dbConnect';
 import { Stripe } from 'stripe';
 
-const stripe = new Stripe(process.env.NEXT_STRIPE_SECRET_KEY, {
+const stripe = new Stripe(process.env.NEXT_PUBLIC_STRIPE_SECRET_KEY, {
 	apiVersion: '2022-11-15',
 });
 
@@ -16,8 +16,8 @@ interface Body {
 			name: string;
 			email: string;
 			payment_intent: string;
-		}
-	}
+		};
+	};
 }
 
 export default async function customerHandler(
diff --git a/pages/api/stripe/orders.ts b/pages/api/stripe/orders.ts
index c0e827b..bb68c66 100644
--- a/pages/api/stripe/orders.ts
+++ b/pages/api/stripe/orders.ts
@@ -6,14 +6,14 @@ import { Stripe } from 'stripe';
 import { withIronSessionApiRoute } from 'iron-session/next';
 import { ironOptions } from '../../../src/util/ironConfig';
 
-const stripe = new Stripe(process.env.NEXT_STRIPE_SECRET_KEY, {
+const stripe = new Stripe(process.env.NEXT_PUBLIC_STRIPE_SECRET_KEY, {
 	apiVersion: '2022-11-15',
 });
 
 dbConnect();
 
 export default withIronSessionApiRoute(async function paymentHandler(
-	req: Omit<NextApiRequest, 'body'> & { body: Body },
+	req: Omit<NextApiRequest, 'body'> & { body: Body; },
 	res: NextApiResponse<ResponseData<Stripe.PaymentIntent[]>>,
 ): Promise<void> {
 	switch (req.method) {