joanna-blog April 26, 2024

Joanna's Blog

A simple nextJS blog website developed for a client that is connected to Wordpress as the backend.

Description

This is a sophisticated web application that combines the power of Next.js's SSR capabilities, WordPress's content management functionalities, and GraphQL's efficiency in handling user comments. This setup provides a seamless and engaging experience for users, offering fast loading times, real-time interactions, and the convenience of content management through WordPress as the client specifically required for the ease of posting new content.

Stack

Next.js Next.js is a popular React framework that provides server-side rendering. SSR allows the initial page load to happen on the server side, enhancing performance and SEO
Chakra UI A simple, modular and accessible React UI component library
Framer Motion An animation library for React
Apollo GraphQL to fetch posts and add comments to Wordpress
Wordpress A headless Wordpress instance as the backend

Images

Variables

To set up the End point for the Wordpress URL simply create a '.env.local' in the root directory of the project and then add the following line to the file.

NEXT_PUBLIC_WORDPRESS_GRAPHQL_ENDPOINT="https://URL/graphql"

Author

Website

Michael Keates

I am a dedicated, hardworking individual with a robust background in all things related to computing and technology. Diligent, enthusiastic, and a team player, I possess a passion for learning and developing new skills, a strong attention to detail, and excellent verbal and written communication abilities. I am reliable and constantly seeking new challenges to broaden my knowledge and experience, while also enhancing my capacity to develop efficient and effective solutions for diverse requirements.