Results for Tag ‘Guest Post’

In Part 1, we set up a headless contact form by installing Ninja Forms with WPGraphQL, creating a secured Next.js API route (/api/contact/route.ts) for users to submit their name, email, and message via GraphQL, and built a server action (actions.ts) to bridge our client-side form. We also enhanced the…

Contact forms are a fundamental touchpoint between site visitors and site owners, enabling customer inquiries, lead generation, and essential feedback that drives engagement. In headless WordPress, this can be tricky since the frontend and backend are separated. This means that you have to figure out a way for the frontend…

When you’re building a WordPress site — whether it’s a personal blog, documentation hub, or a business page — optimizing your images makes all the difference in a great user experience, site performance, and accessibility. One of the most critical components of image accessibility is the alt attribute (often called…

When you build a developer-focused site — whether it’s documentation, a personal blog, or a knowledge base — using MDX (Markdown with JSX) can streamline content creation and encourage community contributions. MDX is especially powerful in Next.js, thanks to the new App Router structure, which allows for file-based routing combined…

Leveraging powerful localization solutions for both text and visual media, you can create a personalized experience that aligns with your visitors’ regional and cultural preferences and can increase your sales by a jaw-dropping 40-50%.   Using WPML, the most popular multilingual plugin for WordPress; Cloudinary, an API-based image and…

In Part 1, we’ll set up WordPress as a headless CMS with WPGraphQL, grab our public ID data from our specific Cloudinary assets, and create the custom field in WordPress that is necessary to link the Cloudinary asset ID’s to WordPress and Astro.  In Part 2, we’ll put everything…

In web development, combining the flexibility of headless CMS with modern frontend frameworks and asset management tools is essential for building scalable, high-performance websites.  This is a two-part blog post that will walk through building a website using headless WordPress, Astro, WPGraphQL, Advanced Custom Fields, and Cloudinary. We’ll combine the…

In web development and content creation, optimizing media for site performance is a must to enhance the user experience. One commonly used media format for short animations is the GIF. While GIFs have their place, they can be resource-intensive, leading to slower page loads and increased bandwidth usage. An effective…

React’s new compiler introduces a groundbreaking advancement in performance optimization by automatically memoizing components and hooks during the build process. This reduces unnecessary re-computations, enhancing the efficiency of updates. Memoization is crucial for optimizing performance, especially in applications with heavy rendering requirements. In this blog post, we’ll explore React’s new…