diff --git a/.env b/.env
new file mode 100644
index 0000000..9aca28c
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+NEXT_PUBLIC_API_KEY= eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI4OTM5NTE2MmJjNDA5MzQ2MTMyNmM5NzUyZTBkZjMzZiIsIm5iZiI6MTcyNzI1NjM4Ny41OTcyMzYsInN1YiI6IjY2Y2RkOWM2NmZkMmYwN2FiNzlkYjE3MCIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.n6Dhal1cf-trWSV3ewyYHw9HMouvYGBgv-pqFu3N2B0'
diff --git a/my-next-app/.gitignore b/my-next-app/.gitignore
index 54f702b..8cfd902 100644
--- a/my-next-app/.gitignore
+++ b/my-next-app/.gitignore
@@ -30,6 +30,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel
diff --git a/my-next-app/src/app/moviepage/page.jsx b/my-next-app/src/app/moviepage/page.jsx
index d77ec12..ebd2a43 100644
--- a/my-next-app/src/app/moviepage/page.jsx
+++ b/my-next-app/src/app/moviepage/page.jsx
@@ -12,7 +12,7 @@ export default function MoviePage() {
     headers: {
       accept: 'application/json',
       Authorization:
-        'Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI4OTM5NTE2MmJjNDA5MzQ2MTMyNmM5NzUyZTBkZjMzZiIsIm5iZiI6MTcyNzI1NjM4Ny41OTcyMzYsInN1YiI6IjY2Y2RkOWM2NmZkMmYwN2FiNzlkYjE3MCIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.n6Dhal1cf-trWSV3ewyYHw9HMouvYGBgv-pqFu3N2B0',
+        `Bearer ${process.env.NEXT_PUBLIC_API_KEY}`
     },
   };
   useEffect(() => {
diff --git a/my-next-app/src/app/page.js b/my-next-app/src/app/page.js
index 1238863..c9d4d8e 100644
--- a/my-next-app/src/app/page.js
+++ b/my-next-app/src/app/page.js
@@ -12,7 +12,7 @@ export default function Homepage() {
     method: 'GET',
     headers: {
       accept: 'application/json',
-      Authorization: 'Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI4OTM5NTE2MmJjNDA5MzQ2MTMyNmM5NzUyZTBkZjMzZiIsIm5iZiI6MTcyNzI1NjM4Ny41OTcyMzYsInN1YiI6IjY2Y2RkOWM2NmZkMmYwN2FiNzlkYjE3MCIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.n6Dhal1cf-trWSV3ewyYHw9HMouvYGBgv-pqFu3N2B0'
+      Authorization: `Bearer ${process.env.NEXT_PUBLIC_API_KEY}`
     }
   };
     const [movies, setMovies] = useState([]);