📃 Content - Next.js Consulting Page (#1382)

* Made start on Next.js page

* Removed uneeded space

* Added edge runtime info

* Trimmed bits

* Added basic content to body

* Added more description, cut down benefits

* Rewrote first para of body

* Grammar improvements

A few fixes from ChatGPT

---------

Co-authored-by: Brady Stroud [SSW] <[email protected]>

content/consulting/nextjs.mdx

@@ -0,0 +1,89 @@
+---
+type: consulting
+booking:
+  title: >-
+    Want to build a web app with <span
+    class="text-sswRed">Next.js</span>?
+  subTitle: 'Create performant and SEO-friendly web apps with Next.js'
+  videoBackground: /images/videos/MVC_background.mp4
+benefits:
+  benefitList:
+    - image: /images/benefits/look-into-the-future.png
+      title: SERVER-SIDE RENDERING
+      description: >
+        Next.js provides automatic static optimisation to render your React 
+        application on the server to static HTML.  
+    - image: /images/benefits/integration.png
+      title: SEO FRIENDLY
+      description: >
+        Compared to a client-side rendered single page application (SPA), Next.js
+        has much better SEO capabilities. Next.js can generate static HTML pages
+        that are easily indexable by search engines.
+    - image: /images/benefits/fast.png
+      title: API ROUTES
+      description: >
+        Next.js allows for the quick and easy creation of API routes via file-based routing to handle server-side
+        logic. This allows for the fast creation of a backend API without the need
+        for a separate backend server. 
+    - image: /images/benefits/look-into-the-future.png
+      title: EDGE RUNTIME
+      description: >
+        Next.js APIs can optionally be deployed to the edge, meaning that API functionality
+        can be run on a server close to the end-user, reducing latency. 
+    - image: /images/benefits/ux.png
+      title: REACT SERVER COMPONENTS
+      description: >
+        React Server Components means you can now run code with a Node.js runtime 
+        within your React components.
+    - image: /images/benefits/self-service.png
+      title: AUTOMATIC OPTIMISATION
+      description: >
+        Next.js features built-in automatic optimisation of images, fonts, and CSS, 
+        resulting in major performance improvements for users.
+  rule:
+    - name: SSW Rules to Better Next.js
+      url: 'https://www.ssw.com.au/rules/rules-to-better-nextjs/'
+technologies:
+  header: Related Technologies
+  technologyCards:
+    - technologyCard: content/technologies/nextJs.mdx
+    - technologyCard: content/technologies/node-js.mdx
+    - technologyCard: content/technologies/react.mdx
+solution:
+  project: Next.js
+callToAction: 'Talk to us about your {{TITLE}} project'
+seo:
+  title: Enterprise Development and Consulting for Next.js Apps
+---
+
+# Why build your web app with **Next.js**?
+
+Next.js is a React framework that provides a wide range of useful features for your web app, 
+such as server-side rendering, automatic optimization, and API routes. It has become one of the 
+industry-leading frameworks for building performant and scalable React-based web apps.
+
+<VideoEmbed url="https://www.youtube.com/watch?v=Sklc_fQBmcs" />
+
+Next.js' server-side rendering means that data can be fetched ahead of time, and doesn't 
+need to be loaded by the client. Unlike client-side rendered single-page applications 
+(SPAs) like React and Angular, Next.js can generate static HTML pages that are easily 
+indexable by search engines, helping improve your web app's discoverability.
+
+The ability to easily spin up API routes also means that you may not need to set up
+a dedicated backend server for your web app. It's as easy as creating a file in the API 
+folder, and exporting a function. It is syntactically similar to Express.js, which 
+makes it accessible and intuitive for developers. 
+
+Next.js also is one of the first frameworks to implement React Server Components,
+which allows you to run React components on the server with a Node.js runtime. This 
+means that expensive JavaScript operations can be run on the server, resulting in 
+better UX and a smaller JavaScript bundle size. 
+
+Next.js has been the tool of choice for a wide range of organizations, including 
+Netflix, Twitch, Reddit, GitHub, TikTok, Notion and more. See some great examples 
+of Next.js apps at [nextjs.org/showcase](https://nextjs.org/showcase).
+
+
+When it comes to building performant and scalable web apps, Next.js is a top choice. 
+Its powerful features, including SSR, API routing, and React Server Components, along 
+with its endorsement by industry giants, make it an awesome choice for your web app. 

content/technologies/nextJs.mdx

@@ -1,6 +1,7 @@
 ---
 name: nextJs
 thumbnail: /images/thumbs/thumb-next-banner.png
+readMoreSlug: /consulting/nextjs
 ---
 
 Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.