Тёмный

Astro Headless WordPress Starter Demo 

WP Engine Builders
Подписаться 5 тыс.
Просмотров 9 тыс.
50% 1

This video is a quick overview of an Astro project I've been working on.
GitHub Repo
github.com/JEv...
Headless WordPress resources:
developers.wpe...

Опубликовано:

 

15 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@astrodotbuild
@astrodotbuild Год назад
Thank you Jeff, Astro approves and greatly appreciates this message 💚💚💚
@WPEngineBuilders
@WPEngineBuilders Год назад
Awesome! Y'all are doing amazing work. Keep it up -JE
@djmtype
@djmtype Год назад
Very concise, smart and DRY - using switch statements to swap between layout templates. Enjoy seeing more Astro with GraphQL content!
@WPEngineBuilders
@WPEngineBuilders Год назад
Thanks for the kind words, stay tuned for more Astro goodness
@KenFlores-Radiant
@KenFlores-Radiant Месяц назад
@WPEngineBuilders I have attempted to use this project with zero success.. unfortunately I think it might no longer be a working project! Was hoping to use this since im beggining from 0 in Astro. Much appreciation! i get the Cannot read properties of null (reading '__typename') error. I have followed every bit of article and video, created the env and installed the modules.
@AtlantaJones
@AtlantaJones 8 месяцев назад
How does this setup handle content changes? Is it automatic? Or would content authors have to re-build Astro every time?
@SublimeUX
@SublimeUX Год назад
I'm more of a traditional front end developer not WordPress. Can you suggest a couple of long form tutorials or course using Astro and WordPress together? I really like Astro and in all honesty would only use WordPress as a CMS.
@WPEngineBuilders
@WPEngineBuilders Год назад
I'm not sure there are any courses on it, but I also wrote this post that shows some on the WP stuff: wpengine.com/builders/building-headless-wordpress-site-astro/
@WPEngineBuilders
@WPEngineBuilders Год назад
Here's an example that show just some of the basics of data modeling in WP: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WyYxhkR5rOM.html
@rafi_45
@rafi_45 Год назад
Thank you so much. This is what I am looking for. Best.
@WPEngineBuilders
@WPEngineBuilders Год назад
Awesome, glad it was helpful -JE
@ijimmoore
@ijimmoore Год назад
Thanks! Love Astro. I left the WP world for Shopify. This might lure me back 🍧
@WPEngineBuilders
@WPEngineBuilders Год назад
Glad we're cooking up stuff that makes people reconsider : ) With headless it would be easy to combine the two if you wanted, and we're seeing more people in the commerce space opt for that approach. Thanks for watching- JE
@imLOSTirl
@imLOSTirl Год назад
Is there a nice way to be able to preview posts and point to maybe an SSR version of Astro?
@WPEngineBuilders
@WPEngineBuilders Год назад
Previews is one of those things I've been meaning to build into the starter, but just haven't had time. I wrote this after adding previews to Nuxt using our FaustWP plugin, and the process would be very similar in Astro: wpengine.com/builders/headless-wordpress-post-previews-in-nuxt-3/
@imLOSTirl
@imLOSTirl Год назад
@@WPEngineBuilders I mean, if you cooooouuulllld that's be amazing. It's a missing piece of the puzzle for me. I spent all weekend on it and it's beyond me. Couldn't figure out
@WPEngineBuilders
@WPEngineBuilders Год назад
@@imLOSTirl It's for sure on my to-do list, just gotta find the time -JE
@diegoalvarez437
@diegoalvarez437 Год назад
You don't need double housting to deploy this? How much is that hosting? First time over here btw.
@WPEngineBuilders
@WPEngineBuilders Год назад
Welcome and thanks for watching! WP Engine's Atlas hosting plan provide both pieces of the tech stack (WP & Node container) to host this type of site, and we have a pretty affordable plan that starts at around $50 a month. But you can test it out for free here, and that's what I'd recommend: wpengine.com/atlas/#atlasplans
@felipe7822
@felipe7822 Год назад
Hi, i'm tring to use this template, but i get an error after run the project. (fetch failed). I haven't been able to see what is going on. any ideas? 😥
@WPEngineBuilders
@WPEngineBuilders Год назад
I'd check that your GraphQL endpoint is public, and also check that you don't have a block theme enabled
@purnimaupadhyay1121
@purnimaupadhyay1121 Год назад
Getting this error- Invalid response body while trying to fetch : EISDIR: illegal operation on a directory, read after the local setup
@WPEngineBuilders
@WPEngineBuilders Год назад
Do you get this error when running npm install?
@badboydevil0007
@badboydevil0007 Год назад
Just curious, can On-demand ISR work with astro like in nextjs?
@WPEngineBuilders
@WPEngineBuilders Год назад
Not really. Great question though! Astro is either SSG or SSR at the moment, and you have to choose one or the other. If you go SSR, you can set cache headers on your responses, which is kind of similar to how Remix approaches this point, and approximates ISR without the on-demand feature. If doing SSG, I think you'd have to rebuild the whole site. Our platform has webhooks that could trigger that on content update. Here is a link to how to set headers with SSR: docs.astro.build/en/guides/server-side-rendering/#astrorequestheaders - JE
@badboydevil0007
@badboydevil0007 Год назад
😊 thanks
@noahperez9631
@noahperez9631 Год назад
What is the page score?
@WPEngineBuilders
@WPEngineBuilders Год назад
Pretty much 100s on Lighthouse for performance, but you can check it out yourself here (might get a cold start) since this is prerendered but not cached: h5aqsgfqwiqp3q75zuyvvu3ak.js.wpenginepowered.com/
@armandoalquinga5355
@armandoalquinga5355 5 месяцев назад
Tutorial de como subir a producción con git+Vercel
@TruthSeekersChannel
@TruthSeekersChannel Год назад
This is way to complicated, why not just upload a file to wordpress?
@WPEngineBuilders
@WPEngineBuilders Год назад
Because I want to write my website in Astro and manage my content in WordPress :) There are many ways to WordPress, so do whatever works best for your use-case - JE
Далее
Make a Headless WordPress Site with Astro
31:01
Просмотров 6 тыс.
ТИПИЧНОЕ ПОВЕДЕНИЕ МАМЫ
00:21
Просмотров 1,5 млн
КТО БОИТСЯ КЛОУНОВ?? #shorts
00:20
Просмотров 609 тыс.
Astro Crash Course in 20 Minutes!
22:07
Просмотров 58 тыс.
Astro + WPGraphQL for more secure WordPress sites
14:04
Turn Your Astro 3.0 Website into a Mobile App
19:04
Просмотров 20 тыс.
CSS position property (edited)
26:21
Просмотров 27
Working with APIs in Astro is AMAZING!
17:04
Просмотров 18 тыс.
WordPress Patterns: How to Create, Edit and Use Them
8:54
How to Optimize Images in Astro
13:24
Просмотров 10 тыс.
Astro makes websites faster & easier to build
22:55
Просмотров 122 тыс.
ТИПИЧНОЕ ПОВЕДЕНИЕ МАМЫ
00:21
Просмотров 1,5 млн