Init commit.

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "template-blog-webapp-nextjs",
+  "name": "cful1",
   "version": "0.1.0",
-  "private": true,
+  "private": false,
   "engines": {
     "node": ">=18",
     "npm": "Please use Yarn"
@@ -29,8 +29,8 @@
   "dependencies": {
     "@contentful/f36-icons": "^4.23.2",
     "@contentful/f36-tokens": "^4.0.1",
-    "@contentful/rich-text-react-renderer": "^15.16.2",
     "@contentful/live-preview": "^2.11.1",
+    "@contentful/rich-text-react-renderer": "^15.16.2",
     "@next/bundle-analyzer": "^13.0.4",
     "dotenv": "^16.0.3",
     "graphql": "^16.6.0",
@@ -78,5 +78,9 @@
     "tailwindcss": "^3.2.4",
     "typescript": "4.9.3",
     "typescript-graphql-request": "^4.4.6"
-  }
+  },
+  "description": "First contentful blog.",
+  "main": "index.js",
+  "repository": "https://github.com/caseymilne/cful1.git",
+  "author": "SaberWP"
 }

src/components/templates/header/header.tsx

@@ -13,7 +13,7 @@ export const Header = () => {
       <nav>
         <Container className="flex items-center justify-between">
           <Link href="/" title={t('common.homepage')}>
-            <BlogLogo />
+            <BlogLogo className="" />
           </Link>
           <LanguageSelector />
         </Container>

src/pages/docs.page.tsx

@@ -0,0 +1,25 @@
+import { useContentfulLiveUpdates } from '@contentful/live-preview/react';
+import { GetStaticProps, InferGetStaticPropsType } from 'next';
+import { useTranslation } from 'next-i18next';
+import Link from 'next/link';
+
+import { getServerSideTranslations } from './utils/get-serverside-translations';
+
+import { ArticleHero, ArticleTileGrid } from '@src/components/features/article';
+import { SeoFields } from '@src/components/features/seo';
+import { Container } from '@src/components/shared/container';
+import { PageBlogPostOrder } from '@src/lib/__generated/sdk';
+import { client, previewClient } from '@src/lib/client';
+import { revalidateDuration } from '@src/pages/utils/constants';
+
+const Page = (props: InferGetStaticPropsType<typeof getStaticProps>) => {
+
+	return (
+    <>
+      DOCS 123
+		</>
+	);
+
+}
+
+export default Page;

src/pages/index.page.tsx

@@ -13,6 +13,7 @@ import { client, previewClient } from '@src/lib/client';
 import { revalidateDuration } from '@src/pages/utils/constants';
 
 const Page = (props: InferGetStaticPropsType<typeof getStaticProps>) => {
+
   const { t } = useTranslation();
 
   const page = useContentfulLiveUpdates(props.page);

src/pages/utils/globals.css

@@ -4,7 +4,7 @@
 
 @layer base {
   body {
-    @apply text-sm text-gray800 md:text-sm bg-gray100;
+    @apply text-sm text-gray800 md:text-sm;
   }
 
   .h1,
@@ -31,4 +31,3 @@
     @apply text-gray600 tracking-snug font-normal leading-snug md:leading-normal;
   }
 }
-