diff --git a/.github/workflows/build_and_deploy.yml b/.github/workflows/build_and_deploy.yml
index 0d09143..fe0b06b 100644
--- a/.github/workflows/build_and_deploy.yml
+++ b/.github/workflows/build_and_deploy.yml
@@ -12,13 +12,15 @@ jobs:
         with:
           persist-credentials: false
 
+      - uses: hmarr/debug-action@v2
       - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
-        run: |
-          npm install
-          npm run build
         env:
           REACT_APP_BACKEND_URL: ${{ secrets.REACT_APP_BACKEND_URL }}
           REACT_APP_SHEETS_API_KEY: ${{ secrets.REACT_APP_SHEETS_API_KEY }}
+        run: |
+          echo $REACT_APP_SHEETS_API_KEY
+          npm install
+          npm run build
 
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@3.6.2
diff --git a/src/App.js b/src/App.js
index 79121f6..0115d35 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,6 +11,7 @@ const BlogApp = lazy(() => import('./components/Blogs/BlogApp'));
 // import Timeline from "./components/Timeline/timeline";
 class App extends React.Component {
   render() {
+    console.log(process.env.REACT_APP_SHEETS_API_KEY);
     return (
       <>
         <div id="wrapper" className="d-flex flex-column">