I'm looking to build a website for our family business. While I'm a software developer, web development isn't my main focus at the moment, so I'm a bit out of touch with current trends and tech stacks. I've done some research and have an idea that I would love to get opinions on from experienced developers.
My aim is to make this project as efficient as possible. I want to incorporate AI to speed up development and help me learn more about AI tools. A family member with basic WordPress experience will handle the website's content.
Our business primarily offers services but we also sell a few products, so I need pages for information and an ecommerce system. I'm considering a "Headless Hybrid" approach to optimize development experience, performance, and ease of use.
### Here's what I'm thinking:
**Frontend:** Astro + React Islands + Tailwind.
**Backend:** WordPress + WooCommerce + WPGraphQL.
**Workflow:** AI-assisted development for Tailwind and React components.
### Architecture Plan:
1. Static content for homepage and about pages.
2. Shop pages with Astro Hybrid Rendering, fetching current prices via WPGraphQL.
3. An interactive cost calculator built in React.
4. A checkout process that uses Astro for cart management and redirects to WooCommerce for payment.
### My Questions:
1. Are there any production-level issues I should be aware of when using Astro Hybrid with WPGraphQL?
2. Is this approach feasible for my goals?
3. Do you have any alternative tech suggestions for this project?
Thanks for your help!
1 Answer
Your setup is doable, but it seems more complex than necessary for a family business. I've worked with headless WordPress and React before—while it may look good at first, it can become fragile over time.
Astro with WPGraphQL can work, but keep in mind that WooCommerce and GraphQL can break silently after updates. If you're not careful with caching, you could face issues with prices and stock information going stale. Redirecting to the native WooCommerce checkout is wise; don’t try to reinvent the wheel there.
For someone who's not tech-savvy maintaining content and given this isn't your main gig, I recommend sticking with Classic WordPress and WooCommerce using a block theme and some small JS widgets for extra functionality. It's the safest bet in the long run. Go headless only if you're ready to handle potential fixes for many years!
Thanks for your feedback! I was expecting a response along those lines. These are two key purposes for my project: building a site for our family business and creating a reference for my portfolio. I’m not sure a basic WooCommerce setup would look exciting in my portfolio. I thought going headless could highlight my skills, but maybe this isn't the right project for it. I'll look into your safer option.