add default values to the queries

Author: ahuseyn

examples/next/faustwp-getting-started/wp-templates/category.js

@@ -44,12 +44,13 @@ const GET_CATEGORY_QUERY = gql`
 export default function Component(props) {
 	const { generalSettings, headerMenuItems, footerMenuItems } =
 		useFaustQuery(GET_LAYOUT_QUERY);
-	const { nodeByUri } = useFaustQuery(GET_CATEGORY_QUERY);
+	const { nodeByUri } = useFaustQuery(GET_CATEGORY_QUERY) ?? {};
 
-	const { title: siteTitle, description: siteDescription } = generalSettings;
+	const { title: siteTitle, description: siteDescription } =
+		generalSettings ?? {};
 	const primaryMenu = headerMenuItems?.nodes ?? [];
 	const footerMenu = footerMenuItems?.nodes ?? [];
-	const { name, posts } = nodeByUri;
+	const { name, posts } = nodeByUri ?? {};
 
 	return (
 		<>
@@ -63,7 +64,7 @@ export default function Component(props) {
 				<>
 					<EntryHeader title={`Category: ${name}`} />
 					<Container>
-						{posts.edges.map((post) => (
+						{posts?.edges?.map((post) => (
 							<Post
 								title={post.node.title}
 								content={post.node.content}

examples/next/faustwp-getting-started/wp-templates/front-page.js

@@ -6,9 +6,10 @@ import { GET_LAYOUT_QUERY } from '../fragments/LayoutQuery';
 
 export default function Component() {
 	const { generalSettings, headerMenuItems, footerMenuItems } =
-		useFaustQuery(GET_LAYOUT_QUERY);
+		useFaustQuery(GET_LAYOUT_QUERY) ?? {};
 
-	const { title: siteTitle, description: siteDescription } = generalSettings;
+	const { title: siteTitle, description: siteDescription } =
+		generalSettings ?? {};
 	const primaryMenu = headerMenuItems?.nodes ?? [];
 	const footerMenu = footerMenuItems?.nodes ?? [];
 

examples/next/faustwp-getting-started/wp-templates/index.js

@@ -1,29 +1,30 @@
 import dynamic from 'next/dynamic';
+import { default as FrontPage } from './front-page.js';
 
 const category = dynamic(() => import('./category.js'), {
 	loading: () => <p>Loading Category Template...</p>,
+	ssr: false,
 });
 
 const tag = dynamic(() => import('./tag.js'), {
 	loading: () => <p>Loading Tag Template...</p>,
-});
-
-const frontPage = dynamic(() => import('./front-page.js'), {
-	loading: () => <p>Loading Front Page Template...</p>,
+	ssr: false,
 });
 
 const page = dynamic(() => import('./page.js'), {
 	loading: () => <p>Loading Page Template...</p>,
+	ssr: false,
 });
 
 const single = dynamic(() => import('./single.js'), {
 	loading: () => <p>Loading Single Post Template...</p>,
+	ssr: false,
 });
 
 export default {
 	category,
 	tag,
-	'front-page': frontPage,
+	'front-page': FrontPage,
 	page,
 	single,
 };

examples/next/faustwp-getting-started/wp-templates/page.js

@@ -31,10 +31,11 @@ export default function Component(props) {
 	}
 
 	const { generalSettings, headerMenuItems, footerMenuItems } =
-		useFaustQuery(GET_LAYOUT_QUERY);
-	const { page } = useFaustQuery(GET_PAGE_QUERY);
+		useFaustQuery(GET_LAYOUT_QUERY) ?? {};
+	const { page } = useFaustQuery(GET_PAGE_QUERY) ?? {};
 
-	const { title: siteTitle, description: siteDescription } = generalSettings;
+	const { title: siteTitle, description: siteDescription } =
+		generalSettings ?? {};
 	const primaryMenu = headerMenuItems?.nodes ?? [];
 	const footerMenu = footerMenuItems?.nodes ?? [];
 	const { title, content, featuredImage } = page ?? { title: '' };

examples/next/faustwp-getting-started/wp-templates/single.js

@@ -36,11 +36,12 @@ export default function Component(props) {
 		return <>Loading...</>;
 	}
 
-	const { post } = useFaustQuery(GET_POST_QUERY);
+	const { post } = useFaustQuery(GET_POST_QUERY) ?? {};
 	const { generalSettings, headerMenuItems, footerMenuItems } =
-		useFaustQuery(GET_LAYOUT_QUERY);
+		useFaustQuery(GET_LAYOUT_QUERY) ?? {};
 
-	const { title: siteTitle, description: siteDescription } = generalSettings;
+	const { title: siteTitle, description: siteDescription } =
+		generalSettings ?? {};
 	const primaryMenu = headerMenuItems?.nodes ?? [];
 	const footerMenu = footerMenuItems?.nodes ?? [];
 	const { title, content, featuredImage, date, author } = post ?? {};

examples/next/faustwp-getting-started/wp-templates/tag.js

@@ -44,12 +44,13 @@ const GET_TAG_QUERY = gql`
 export default function Component(props) {
 	const { generalSettings, headerMenuItems, footerMenuItems } =
 		useFaustQuery(GET_LAYOUT_QUERY);
-	const { nodeByUri } = useFaustQuery(GET_TAG_QUERY);
+	const { nodeByUri } = useFaustQuery(GET_TAG_QUERY) ?? {};
 
-	const { title: siteTitle, description: siteDescription } = generalSettings;
+	const { title: siteTitle, description: siteDescription } =
+		generalSettings ?? {};
 	const primaryMenu = headerMenuItems?.nodes ?? [];
 	const footerMenu = footerMenuItems?.nodes ?? [];
-	const { name, posts } = nodeByUri;
+	const { name, posts } = nodeByUri ?? {};
 
 	return (
 		<>
@@ -63,7 +64,7 @@ export default function Component(props) {
 				<>
 					<EntryHeader title={`Tag: ${name}`} />
 					<Container>
-						{posts.edges.map((post) => (
+						{posts?.edges?.map((post) => (
 							<Post
 								title={post.node.title}
 								content={post.node.content}