Getting Started With GatsbyJS, Elementor, and WPGraphQL | Static WordPress Generator

what about maintenance, isn't elementor data structure changing to often ?

Went easier way, just pulling the rendered elementor HTML content. As our website is VERY huge with many custom theme/js/css and custom plugins, it's quite impossible to rewrite every single Elementor widget we use to the Next.js (we went with it instead of Gatsby – more control). Simplified Elementor structure is nothing crazy and I just can move parts of PHP template and implement that into our SASS code in frontend part build on Next.js than to do this kind of crazyness.
I see some advantages here and there but personally, I hate CSS modules in next.js (therefor I turned it off in webpack) and use regular import to download just needed code instead

great video!!! cant believe it's from 2019

Definitely very interesting

I really don't see the point in doing this - it's so round-about to just get a bit of content on the page?

Hi, where I can find resources(code)?

Please do a video on custom post type and how to display it on page

Awesome tutorial!!! Helped a lot! Just curious, do you know how to return the theme builder options? For example, return the header and footer that has been selected for the theme?

Thanks again

Wow! I was not aware that Elementor + React + Headless WordPress will work together :) Cool!

Hi
Thank you for your tuto.
So, i try to implemente your code within the file function.pp
But I get the warring saying "undefined function register_graphql_field"

"so what we're going to be doing is I'm going to be creating a page with Elementor taking a look at its data structure and then
see how we might be able to get that 
into WP graph QL once we get that in WP graph qo we will then start parsing it and get it into a Gatsby site "

So why don't you say what the point is by doing that? OR what a gatsby site is in this context? Dont use the words "Getting Started" if you don't care about making yourself understood.

Crazy good job man! loved the video and explanation, concise and really well said, subscribed and liked

elementor is so bloated. why not oxygen if you are going to use a theme builder?

Do you have the source for this? I'm trying to implement this for pages as well but some of the widgetTypes are coming back as undefined

When using his approach to serve from the WP Graphql API what do you recomend for Wordpress site? keep it hidden/shown to public, also what impact with the SEO do you think it is going to be as there will be duplicated content out there with WP Site and Gatsby

Great video but not sure if this would work with divi sites?

I will be back here soon as possible

Hi Can u please tell me what's the exact model Microphone u are using . Sound is really clear . By the way I love you man

Heyo! Awesome stuff! I can get the images as you have here in the video but I'm having problems getting the other widgets and not sure how to quite do that. I'm looking to get the widgetType: "text-editor" and it's not doing it for me ...

Great video!
but i'm wondering if it's possible to run Gatsby with Visual composer, Have u tried it ?

This is great. thank you! I am currently working on a headless WP + Gatsby setup with GraphQL.

Nice tutorial. What theme and color scheme are you using in vscode?

Fucking awesome. If for no other reason, I'm glad the COVID-19 pandemic is giving me an excuse to go through your vids that I missed. This is fucking outstanding.

That was a very nice tutorial. A Github repo would be awesome. Thanks!

I'm new to the headless thing. So the first data you got from elementor with all the html, why can't you use that?
I see that you can use elementor for creating stuff, but you have to redesign/recode all functions and styles if you want to use the benefits of elementor.
Am i missing something? :)

Great! Thank you for this!

I think I've seen you on reddit. Thank you for creating the tutorial!

Very good content. Thanks. A lot of potential in Gatsby + Elementor¡¡¡¡

this is actually some really, really good stuff! Highly appreciated!

Great tutorial, but I would highly recommend that you either put the code either in a child theme or a PHP snippet plugin, because when you update the theme, the functions.php file will be overwritten, and you will lose the code changes.

Hello! Thank you so much for this video. I would like to know how you created a page with elementor with other elements? In the example you only use images which works for me but as soon as i add other elements from elementor, gatsby throws an error

Thanks for this! Perfect 🙌

Weird Q - what about custom themes with Elementor such as oceanwp, will it work

nice video, do you know any other themes that can provide the post content as json like this? also, which iconset are you using in vs code? 😇

Great video!

Any idea how to extract out the relevant css classes from elementor.frontend.css? It's currently a huge file which slows down page speed.

can't wait for the next ! congrats again.
PS : too much light on your lovely face maybe :)

Interesting. Experimenting myself with a similar setup, but mainly focused on Gutenberg. Not considered elementor (yet). Interested on your thoughts whether to use elementor vs gutenberg.

Now THIS is a good video. I am a clueless man who just wants to develop a little, and this makes things much easier.

thank you Alex for another great video! I only have 3 channels with the ring bell enabled, and wpcasts is one of them :-)

keep up the great work mate! really excited about the tutorials you're going to bring next!

Great video in an new area for WP. Do you think this would work for Beaver Builder?

Sorry... but do behonest i have no idea what this video is about and whats the reason for it.... ( i mean to use Gatsby and WPgraphQL ) can you maybe explain in the next video a little bit more about the reasoning and the things you can do with it ?...