Our great sponsors
-
next-optimized-images
🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
The website for Wallis Family Mediation is written using the React framework Next.js, which enables functionality such as generating static websites, and Tailwind CSS for styling. Combining these technologies allowed me to build the website efficiently whilst maintaining a well-written React app. Each page of the website is dynamically created at build time from Markdown files using Next.js dynamic routes and the getStaticPaths function. In addition, I used two external Next.js plugins called next-seo and next-optimized-images to ensure that the website has good SEO and all images are compressed and resized to make the page load time as fast as possible. The contact form is powered by EmailJS and uses reCaptcha to stop spam mail. Finally, I added Netlify CMS so that Mike can make his own changes to the website. Netlify CMS uses Markdown files so it integrates seamlessly with the existing Markdown pages utilised.
The source code for Wallis Family Mediation (Wallis Consultancy) is available on GitHub.