diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 9519cea..bf722ea 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -1,13 +1,32 @@
 import { PageLayout } from 'components/layout/page'
+//===== \/ START NEXT_PUBLIC_DATOCMS_BYPASS \/ ====================================================	
+/*
+import {
+  getBlogPosts as serverGetBlogPosts,
+  getBlogPostsCategories as serverGetBlogPostsCategories
+} from 'lib/blog'
+*/
 import { getBlogPosts } from 'lib/blog'
+import {
+  getAllBlogPostsFromSource,
+  getAllBlogPostsCategoriesFromSource
+} from 'lib/datocms-bypass'
+//===== /\ FINISH NEXT_PUBLIC_DATOCMS_BYPASS /\ ====================================================
 import { InferGetStaticPropsType } from 'next'
 import { useRouter } from 'next/router'
-import { Fragment, useCallback, useMemo } from 'react'
+import {
+  Fragment,
+  useCallback,
+  useMemo
+} from 'react'
 import { useInfiniteQuery } from 'react-query'
 
 import { BlogCard } from '~/components/common/card'
 import { Meta } from '~/components/common/meta'
-import { Button, ButtonLink } from '~/components/primitives/button'
+import {
+  Button,
+  ButtonLink
+} from '~/components/primitives/button'
 import Hero from '~/components/sections/blog/hero'
 import PostsGrid from '~/components/sections/blog/posts-grid'
 import SearchBar, {
@@ -17,13 +36,12 @@ import SearchBar, {
 import { CategoryFragment } from '~/lib/cms/generated'
 import { FooterQuery } from '~/lib/cms/queries/footer'
 import { HeaderQuery } from '~/lib/cms/queries/header'
-import { getHrefWithQuery, makeQuery } from '~/lib/utils/router'
+import {
+  getHrefWithQuery,
+  makeQuery
+} from '~/lib/utils/router'
 
 import { request } from '../../lib/datocms'
-import {
-  getAllBlogPostsFromSource,
-  getAllBlogPostsCategoriesFromSource
-} from '../../lib/datocms-bypass'
 
 const getMatchingCategory = (categories: CategoryFragment[], c?: string) =>
   categories.find((cat) => cat.slug === c)