diff --git a/packages/next-acms/src/get.ts b/packages/next-acms/src/get.ts
new file mode 100644
index 00000000..08a6d383
--- /dev/null
+++ b/packages/next-acms/src/get.ts
@@ -0,0 +1,27 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+
+export async function get(
+  request: NextApiRequest,
+  response: NextApiResponse,
+  url: URL,
+) {
+  try {
+    // Fetch from Drupal.
+    const result = await fetch(url.toString(), {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    response.status(200);
+    return response.end(JSON.stringify(result));
+    // return result;
+    // response.end();
+    // console.log('RESULT', await result.json());
+    // const json = await result.json();
+    // console.log('RESPONSE', response.end.toString());
+    // return result;
+  } catch (error) {
+    response.json(error);
+    response.status(405).end();
+  }
+}
diff --git a/packages/next-acms/src/index.ts b/packages/next-acms/src/index.ts
index 3e2ed129..d7a4a540 100644
--- a/packages/next-acms/src/index.ts
+++ b/packages/next-acms/src/index.ts
@@ -1,2 +1,4 @@
 export * from './revalidate';
 export * from './test-api-compatibility';
+export * from './submit';
+export * from './get';
diff --git a/packages/next-acms/src/submit.ts b/packages/next-acms/src/submit.ts
new file mode 100644
index 00000000..33389109
--- /dev/null
+++ b/packages/next-acms/src/submit.ts
@@ -0,0 +1,25 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+
+export async function submit(
+  request: NextApiRequest,
+  response: NextApiResponse,
+  url: URL,
+) {
+  if (request.method === 'POST') {
+    // Submit to Drupal.
+    const result = await fetch(url.toString(), {
+      method: 'POST',
+      body: JSON.stringify(request.body),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    if (!result.ok) {
+      const message = await result.json();
+      // Send error to client.
+      return response.status(result.status).json({ message });
+    }
+    response.end(JSON.stringify(result));
+    response.status(200);
+  }
+}
diff --git a/starters/basic-starter/components/node--article.tsx b/starters/basic-starter/components/node--article.tsx
index 7505acc5..07e7e18c 100644
--- a/starters/basic-starter/components/node--article.tsx
+++ b/starters/basic-starter/components/node--article.tsx
@@ -3,8 +3,9 @@ import Link from 'next/link';
 import { formatDate } from 'lib/format-date';
 import { MediaImage } from 'components/media--image';
 import { FormattedText } from 'components/formatted-text';
+import { Webform, WebformHeight } from 'nextjs-drupal-webform';
 
-export function NodeArticle({ node, ...props }) {
+export function NodeArticle({ node, additionalContent, ...props }) {
   return (
     <article className="max-w-2xl px-6 py-10 mx-auto" {...props}>
       <h1 className="mb-4 text-3xl font-black leading-tight md:text-4xl">
@@ -21,6 +22,14 @@ export function NodeArticle({ node, ...props }) {
         ) : null}
         {node.created && <span> on {formatDate(node.created)}</span>}
       </p>
+      {additionalContent.webform ? (
+        <Webform
+          webformObject={additionalContent.webform}
+          id={additionalContent.webform.drupal_internal__id}
+          key={additionalContent.webform.drupal_internal__id}
+          customComponents={{ webform_height: WebformHeight }}
+        />
+      ) : null}
       {node.field_article_image && (
         <div className="my-6 overflow-hidden rounded-md">
           <MediaImage
diff --git a/starters/basic-starter/pages/[...slug].tsx b/starters/basic-starter/pages/[...slug].tsx
index 6b08cbe1..3b9d334c 100644
--- a/starters/basic-starter/pages/[...slug].tsx
+++ b/starters/basic-starter/pages/[...slug].tsx
@@ -19,6 +19,7 @@ import { TaxonomyEvent } from '../components/taxonomy/taxonomy--event_type';
 import { TaxonomyPlace } from '../components/taxonomy/taxonomy--place_type';
 import { getPrioritizedStaticPathsFromContext } from '../lib/get-prioritized-static-paths';
 import { GetStaticPathsContext } from 'next/types';
+import { getWebformFields, WebformObject } from 'nextjs-drupal-webform';
 
 // List of all the entity types handled by this route.
 export const ENTITY_TYPES = [
@@ -37,6 +38,7 @@ interface EntityPageProps extends LayoutProps {
   entity: DrupalNode | DrupalTaxonomyTerm;
   additionalContent?: {
     nodes?: DrupalNode[];
+    webform?: WebformObject;
   };
 }
 
@@ -51,16 +53,28 @@ export default function EntityPage({
         <NodeBasicPage node={entity as DrupalNode} />
       )}
       {entity.type === 'node--article' && (
-        <NodeArticle node={entity as DrupalNode} />
+        <NodeArticle
+          node={entity as DrupalNode}
+          additionalContent={additionalContent as { webform: WebformObject }}
+        />
       )}
       {entity.type === 'node--event' && (
-        <NodeEvent node={entity as DrupalNode} />
+        <NodeEvent
+          node={entity as DrupalNode}
+          additionalContent={additionalContent as { webform: WebformObject }}
+        />
       )}
       {entity.type === 'node--person' && (
-        <NodePerson node={entity as DrupalNode} />
+        <NodePerson
+          node={entity as DrupalNode}
+          additionalContent={additionalContent as { webform: WebformObject }}
+        />
       )}
       {entity.type === 'node--place' && (
-        <NodePlace node={entity as DrupalNode} />
+        <NodePlace
+          node={entity as DrupalNode}
+          additionalContent={additionalContent as { webform: WebformObject }}
+        />
       )}
       {entity.type === 'taxonomy_term--article_type' && (
         <TaxonomyArticle
@@ -194,6 +208,22 @@ export async function getStaticProps(
     };
   }
 
+  // Check if the entity has webform(s) and create a webform object.
+  if (entity.field_webform) {
+    additionalContent['webform'] = [];
+    const webformObject: WebformObject = {
+      drupal_internal__id:
+        entity.field_webform.resourceIdObjMeta.drupal_internal__target_id,
+      description: 'entity.field_webform.description',
+      status: 'entity.field_webform.status',
+      elements: await getWebformFields(
+        entity.field_webform.resourceIdObjMeta.drupal_internal__target_id,
+        drupal.baseUrl,
+      ),
+    };
+    additionalContent['webform'] = webformObject;
+  }
+
   // Fetch additional content for rendering taxonomy term pages.
   if (type === 'taxonomy_term--person_type') {
     additionalContent['nodes'] = await drupal.getResourceCollectionFromContext<
diff --git a/starters/basic-starter/pages/api/get.ts b/starters/basic-starter/pages/api/get.ts
new file mode 100644
index 00000000..c741278d
--- /dev/null
+++ b/starters/basic-starter/pages/api/get.ts
@@ -0,0 +1,13 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import { drupal } from '../../lib/drupal';
+import { get } from 'next-acms';
+
+export default async function handler(
+  request: NextApiRequest,
+  response: NextApiResponse,
+) {
+  console.log('REACH?');
+  console.log(request.query);
+  const url = drupal.buildUrl(request.query.endpoint.toString());
+  return await get(request, response, url);
+}
diff --git a/starters/basic-starter/pages/api/submit.ts b/starters/basic-starter/pages/api/submit.ts
new file mode 100644
index 00000000..15ed07d3
--- /dev/null
+++ b/starters/basic-starter/pages/api/submit.ts
@@ -0,0 +1,11 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import { submit } from 'next-acms';
+import { drupal } from '../../lib/drupal';
+
+export default async function handler(
+  request: NextApiRequest,
+  response: NextApiResponse,
+) {
+  const url = drupal.buildUrl(request.query.endpoint.toString());
+  return submit(request, response, url);
+}