 Hi everyone we're gonna be starting in about three minutes so come in and take your seats. Just a reminder as well that there's no food or drink in here. Thank you very much. Hello everybody, welcome to Friday WordCamp Asia. I hope everybody had a really good day yesterday. I personally went out last night and ate some really good street food so if you haven't done that yet at the night markets I highly recommend it. You can come and talk to me later about my favorite dishes. I'm Tess from WordPress VIP at Automatic and I have the pleasure of introducing you to our first speaker of the day. Mina Tamang is a SEO analyst at Code Wing Solutions. She's here today to help you break free of traditional SEO and embrace user-centric marketing. I'm here for it. Please welcome Mina. A few months back my boss handed me a book called Product Lead SEO by Eli Scors, a renowned figure in the SEO community. As he gave a book he said, Mina this is a book that I want you to read. This is really helpful and whatever you learn try to implement in our marketing strategy. I asserted that book by saying of course sir I will. While accepting that book I was a little hesitant because I have to spend my weekend reading that book. Nonetheless, thanks to that incident I got to discover new strategy, Product Lead SEO and here I am today speaking on that very topic with the title Beyond Keywords User-Centric Approach to Product Lead SEO. But let me quickly introduce myself. I am Mina Tamang and I came all the way from a beautiful land, Nepal. But the past six years I've been living and breathing SEO but lately I felt the urge to put beyond the boundaries and explore in the field of product marketing. So currently I'm also enhancing my skill in product marketing. Now back to the story. As I was reading the book given by my boss, one statement jumped out at me. Too often SEO efforts begins with just a group of keywords, a list developed by the marketing team or by the founders based on their knowledge. The keyword then becomes the main goal and they are input into any keywords as tools that finds out even more related keywords. Then they use this big list of keywords to create articles for their website. It's like a grocery list for writing. The list does not change even if the article don't do well or the people search things differently. So they keep on writing new articles just because those words are on the list. And this is a quite common practice found in the traditional approach. So let me ask a quick question to the audience. Raise your hand if anybody follows the traditional approach or the similar keyword-driven approach to SEO. Okay I see the hands. So do you guys believe, so here's my next question. So do you guys believe that focusing on keywords makes the most effective SEO strategy? Yes? Okay I see no hands that is no. Yes you guys are correct. It's not. So what's the problem? In reality this approach, the traditional approach is limited and inadequate and unfortunately I had followed this process for years and keywords have always been my go-to step for every new SEO project. But as I said earlier, this approach is limited and inadequate. Here's why. First this approach is ledger focused on just keywords and an expected expectations of generating high position on just those terms. And this approach often fails to consider the actual pain points and the needs of our target audience. Now what if I say if there's a better way? Product-led SEO. I'm sure you are wondering what is protocol-led SEO. Imagine your product being so valuable that it naturally attracts users without excessive marketing efforts. That's the power of protocol-led SEO. In this approach, instead of using SEO to market the product, the product itself becomes the SEO driver. It involves shifting the focus from keywords to user needs. And here the goal is not to generate traffic for the sake of traffic, but to generate engaged user who will eventually become our paying customer. So truly understand what is protocol-led SEO. Let's explore its contrast with the traditional one. In keyword-driven SEO or the traditional SEO, it's all about chasing the trends and algorithm. We spend hours researching and targeting keywords hoping to climb the ranking ladder. And our primary focus is always on researching and targeting keywords that our users are searching for in relation to our product or the industry. And for which we rely on keyword research tools to find out the high volume or the low-competition keywords. Then we create articles, especially for those dumps. And there's still people who squeeze keywords in every sentence here and there, sacrificing the clarity for the sake of ranking. Our success is measured by the metrics like keyword ranking and traffic. But have you ever wondered, those generated traffic ever engaged with our product? Do they become our paying customers? And the changes in the trends and algorithm send us cramming. We are forced to constantly update and adjust our content just to stay afloat. Whereas in protocol-led SEO, we use keyword-driven content and focus on crafting product that solves the real problem and deliver values. We create content that is educational and informational. Explaining how the product works and its benefits. Think like demos, tutorials, case studies, user reviews. We educate, inspire and build trust by showcasing the power of our product in an action. This approach, you do like this data from user behavior within the product to identify the pain points. Frequently use features and common search queries. Forget about the Vandy metrics like your ranking and traffic. We track user engagement, growth and conversion, measuring the overall real impact of our SEO strategy. And this approach is not dependent on any changes or the algorithms, especially the algorithms. By focusing on using needs and providing values, we build an SEO strategy that evolves with our product. Now it might seem too good to be true, but it's not. There are a lot of companies who have implemented this strategy and achieved the success they wanted. To name a few, Slack, Joom, and even TripAdvisor are the great example of Peruglet SEO. But even though there were a lot of successful examples of Peruglet SEO, I was still in dilemma, but I should completely teach my keyword driven approach of the traditional one. The thing is, Peruglet SEO is a concept taken from the product-related growth, which is a popular business strategy mostly for the SaaS product. And to add more detail, this approach is more suitable for the big companies and the product that have a solid user community. As my work often involves the non-SaaS and the small businesses, I question its adaptability. However, the book offers some valuable insight that was worth exploring. So this led me to explore the new approach, hybrid approach, breezing the gap between the Peruglet SEO and my traditional approach, allowing me to tell the strategy to each client specific needs. And this hybrid approach proved successful. And that's why today I'm here to share those insights with you and also to clear some misconceptions about SEO that every business' owners and the digital marketers or the SEO should know. So with this in mind, today, I have prepared for Azenda that I will be speaking on. So moving on to the first one. Let's talk about the hidden challenges in the world of SEO. One of the reasons a company may leave its SEO potential unfulfilled is because not the lack of knowledge or effort is the systematic issue. SEO team operating like an isolated island. For example, let's take two scenarios. In smaller organization or just simple website, the best test you practice are easy to follow and implement. The changes happen instantly, the data flows freely, and everyone's a collaborator. Now, step into the larger companies. It's quite the opposite. To make changes in this environment is a quite long process and goes through an intense collaboration. And to make things trickier, they often leave the SEO team alone, disconnected from other crucial department. And that's a big, big problem. Imagine if the other department might have a valuable insights or the resources that could have benefited the SEO team. For example, the sales team might know the keywords the customers are searching for. Or the product team might have the information about upcoming features that could have been optimized. Now, without a communication or the collaboration, these opportunities could be missed. SEO often requires technical changes to the website or the platform. Now, without collaboration with the developers, the SEO team might face delays or roadblocks on implementing their SEO strategy. Without open communication and collaboration, the decision made by one department can negatively impact the work of others. Therefore, breaking down the walls between the teams and department is crucial for solving this problem. And to solve this problem, both the SEO team and executive have significant roles to play. In most cases, in big companies, executive are the main point of contact. Now, if they don't prioritize the SEO team, they are the main point of contact. And in addition, it's also the duty of SEO team to clearly and convincingly pitch their ideas with the valid data and the arguments. The rules and the guidelines for SEO at scale is same for every type of website. Because of communication issues, most of the big companies implement the best SEO practices at slower pace. Raise your hand if anybody have faced similar challenges in your workplace. Communication issues. So, how to address this? So, to address this, I would recommend building a dedicated SEO product team. By building a dedicated and cross-functional team, a representative from all the relevant departments like user experience, design, product team, SEO team, executive team, content marketers, sales teams, helps to bring the wealth of diverse perspective and valuable contribution to the table. And for the effective communication, the team must hold regular meeting, like weekly, bi-weekly or monthly to strategize, discuss progress, or address any obstacles that may have arised. So, my main takeaway here is by investing in dedicated and cross-functional team and fostering the open communication, we can unlock the full potential of SEO even in the big or the complex organization. So, moving on to my next point, that is crafting a user-centric content strategy. In the past, SEO often resembled keyword assembly line. Keywords were chosen best on the search volume and stuffed into metadata. And they were jammed into content at unnatural densities and, first of all, anchored into external links. Content production felt like a warehouse packing boxes. Meet a daily quota of x amount of content, each containing y-words and jet keywords. This whole SEO process worked and didn't, because things have changed. Google, the most used search engine, is way more advanced now, and we should stop pretending it's the same search engine it was decade ago. While the way the Google works has changed, but its goal has never. That is to help its user to find the best solution, not from a spammy website, from a reliable sources. But many businesses create content just for the sake of ticking boxes and hoping to attract users from various channels and convert them into leads or customers or whatever the KPI might be. While doing this, they often fail to consider their pain points and actual need. So what should we do instead? Just like Google prioritizes the user experience, the content needs to be written with user in mind, plain and simple. If it does not provide anything valuable to the user, it's useless. It's important to remember that in SEO, there will always be two distinct audience, the search engine and the users. Search engine needs words, even one that does not make sense to the user. It is the user that needs sensible content or the products, and they are the one that initiate the transaction that lead to business success. Instead of chasing the search engine ranking, we need to put our user first and then only the search engine second. So now people might think that in traditional SEO, people do care about the user intent and the pain points. Yes, they do. But when it comes to creating articles, they tend to prioritize keywords with high volumes and good ranking potential. I used to do that too, but now I do things differently. First, I try to understand who am I writing for, what they struggle with. That means I start with understanding my users or buyers persona and their journey map. Then only I do the keyword research. And second, I don't just chase the keywords with good volumes and the ranking. I also consider the keywords that might not be super popular, but they're still relevant and important for my target audience. So my key take away here is it's all about creating content that people wants to read, not just some algorithm likes. It's all about helping the users, and that's what a good SEO strategy should always be. So moving on to the third point, that is SEO is done by human. Let's talk about the tools. There are several tools that I use daily and without this tool, I would not be able to work efficiently. Sometimes I even doubt my ability to do the SEO and wonder, am I truly driving the SEO process or am I simply the puppet master to this tool algorithm? However, in my opinion, relying on tool isn't a big problem. The major issue lies in blindly believing everything the tools report. SEO tools are valuable resources for the businesses owners or the digital marketers, providing insight into keyword research on piece optimizations, competitors research, and many more. But it's important to acknowledge that these tools aren't perfect. Sometimes they're that I can be wrong. And even more importantly, they lack the human intellect to necessarily clarify why or why not behind the metrics. For example, let's take a fancy fitness tracker. They give you numbers. But they can't tell you why your score is and what you need to do to improve your health. So just like you wouldn't rely on a fancy fitness tracker to diagnose your health, you should not solely rely on tools to diagnose your website SEO health. Okay, let me share another practical example here. So pretty often in my workplace, our support team is flooded with a request from our customers claiming their website has a poor SEO just because of a red dot sewn by some tools. Now, my question is, if any tool, any SEO tool sews the green dot, for example, sorry, for those unfamiliar, let me explain some of the SEO tools assigns overall readability and SEO score using color coded dots. Green for good results, yellow for needing improvement, and red for having critical issues or many issues. So now here's the question. If any tool shows that my base has a green dot, for example, does that mean my base will rank higher in the search engine? Maybe, maybe not. But Google can't see that I have a green dot or the red dot. They are just a guide, nothing more. The reason why I am highlighting this is SEO is a job for a human. So no matter how advanced the technology becomes, everything still requires the human intellect. And the next point is, when you heavily rely on the tools, you tend to prioritize the search engine over your user. In the process of making your website score perfect, you might fall into an authentic practice of making your website less useful for your users and ultimately hurt your SEO performance. My key take away here is tools are valuable resources when used correctly, but never replace the human intellect and critical judgment with any tools data. So moving on to my last azanda, that is measuring performance. So let's talk about the measuring performance in SEO. And I am confident that everyone understands this essential step. However, I want to discuss common misconception about defining success. The critical, for the most SEOs and digital marketers, the critical metric of success is ranking in search result. And even more importantly, the true achievement is measured by the number one position one occupies. I used to take a great pride in raising in top position for any keywords. However, I soon realized the clicks without conversion are a whole of victories. High ranking means nothing if it does not convert into sales. And it's true that the traditional SEO metrics like keyword ranking and the traffic still hold value. But they are only the part of picture. We need to consider metrics that reflect the user experience and the product value. Therefore, the true north star of SEO performance is the business's primary goal. Be it download, leads, revenue, sells, anything else. So with this, my azanda comes to an end. But let me share one experience with you that sums up everything that I've covered so far. And to add more detail, since the beginning of my career, my goal was to achieve number one position and drive more traffic to the website. I didn't care about aftermath. If I was achieving the goal, I thought I was doing good SEO. However, my clients and my boss were never happy with the results despite of those achievements. Now back to the story. So back in 2022, we decided to write blogs on various topics. And let me clarify, those articles were for the product website, where we sell our product, not the dedicated blogging website. So first, we conducted the keyword research to find out the high volume keywords and good traffic potential. The list was extensive. So we wrote articles with the help of AI and aimed to publish it at least three per week. We continued the process of strategy and published more and more articles. Everything seemed progressing well. After a few weeks, our website traffic spiked significantly. Now as an SEO expert, I thought I was achieving my goal. However, this gender traffic had no real benefit. The disconnect between the content and our offering left user confused, leading to no sell. So we failed to meet our business primary goal that is sells of our product. So as this gender traffic had no real benefit, we decided to remove all those articles from our website. After a few months, the traffic spike dropped significantly. And the new update of Google further impacted our website ranking and our website traffic continued to decline. So let's talk about the mistake that I made in this strategy. First, my initial focus was on the metrics like keyword ranking and traffic. This lead to the crucial mistake, prioritizing the search engine over user. This user centric approach gap resulted in content that missed the mark. Further, we disregarded the pain points and actual needs of our users. A crucial insight gained through understanding the buyer's persona. Adding to the problem, we heavily relied on the AI tools and keyword research list to produce high volume of content in short time frame. While working on the product website, the focus would have been on the actual user of the product. Instead, we became obsessed over achieving the number one position and expected to propel this to our business success. So let's talk about the changes I made after this incident. The first and most crucial principle is regardless of which approach you choose, be it product-led SEO, traditional SEO, or any trailer approach, the focus should always be on the users. For example, if you sell product, then shift your focus from simply highlighting the features to emphasizing its benefits and the solution your product offers. Explain how truly your product can solve their problems. And this is where the informational and educational content becomes crucial. But the content you deliver to them should not be built solely on keyword research. So now I prioritize first to understanding my buyers or the user's persona and their journey map. This enables me to understand the real pain points and their needs. Then only I do the keyword research. Yes, I haven't abandoned the keyword research. Now I also consider the keywords that my people or my users are actively searching for regardless of their stays in the bank funnel. And then I also consider the keywords with low volumes but higher user relevance. And when it comes to majoring the performance, SEO performance, I consider the business's primary goal, that is, whatever the goal is, be it sales, conversion, or anything else. And lastly, it's also important to remember that lasting business success cannot be achieved alone. It requires collaboration. The SEO team alone cannot achieve its goal. It needs support from other crucial departments. So with this changes in the strategy, what did I achieve? Consistent organic traffic and the sales. And this is just the beginning. And there is much more to achieve. And I'm hopeful that I can share those achievements with you in the next WorldCam Asia. So with this, now I would like to conclude by saying that what did I want to convey to you is, let's get free from the search engine obsession and be the champion for our users. Thank you for listening to me. I would like to hand the stage back to our MC. Thank you so much, Meena. We have some time for questions. So if anybody has a question, stick your hand up and we have a microphone here. I do have a question for you, Meena, if I can kick things off. You mentioned earlier that you have used AI to create content, but I'm wondering what other role AI has had in your process with SEO strategy or this content creation? Okay. So AI tool is like our arms and legs. These days we cannot function. So how am I using AI tool in my current strategy is I do use it to make a strategy to create content like everybody does. But when it comes to the final output, what do I do is there needs a human input? Am I meeting my actual user needs? So AI tool has been useful, but I'm also not forgetting that it needs a human intellect to what needs to be done, to need to be done. Cool, thanks. Anybody here have the question? We have one just down here, another one over here, next. Hi Meena. Hello. So you talked about generating content based on buyer persona and journey maps or user journeys. So can you tell a bit more about the journey map part as to how we can utilize that to generate content? Okay. So first to understand the buyers persona or the user persona, which is a popular practice for actually in the user experience and design, right? So it doesn't need to be like same. We can make ourselves buyer persona in the SEO as well. So for that you need to consider the every possible target audience in the bid, in the awareness stage as people might not know the marketing funnel. Like there's awareness, brand awareness, considerations, decision making, purchase and post-purchase, all those stages. So we need to consider all the people, potential people in every stage. Then we need to understand that what is their pain points in each stage, which is possible through communicating with the audience. So for that I recommend doing the surveys, feedbacks, one-on-one interviews, and that might not be possible for the every companies, but we need to try to communicate with our audience, however it's possible. That's how you journey the map. So then, yeah, that's the persona we need to create. Okay, so my question is, as you mentioned that in the past you used generative AI to create a content for constantly. Yeah. And when you change the strategy, how frequent and how often you post the content, how long the content should have inside each content? Okay. So that's a good question. So for the publishing, the number of publishing, you write, and for the longer length of the articles. So for that, I consider about the topic, not the length. So am I teaching them about tutorials? Then obviously it's going to be very long. And people might think that short articles won't work. And for now, at least in this current scenario, as AI is giving the most answer, instead of searching people, we can quickly search things and the AI will give answers. But now what I do, what changes I made in my content is, I would like to tell story to the people and share experience that AI tools cannot do. So I do not prefer, I don't have exact numbers for the length. So when I'm telling story, it's going to be like over 1,000 articles. So just focus on what you are covering. Think about the length that I would suggest to you. That's a question down here, I think. Hi, yeah. I'm wondering what role video plays in your strategy. Sorry? Videos such as YouTube videos, you know, you search often and typical, depending on what you're searching for, you can see a video result in the first position as well. So you're talking about videos? Yeah, YouTube, part of your articles, pounding it in addition to your strategy. Okay, so the video marketing or the video strategy is very good for all the product companies. Because it really shows how your product works and will help for the users. So I haven't made any changes to the video because we've been focusing on its benefits and it's how people can actually use it. So I don't know, maybe we were on the right path from the sense of beginning before I knew about the regular SEO, I made the strategy. But because they always, our focus had been to show the people, the real people, how they can use our product, like tutorials. It might be very long videos. We don't do the promotional videos more often. We try to do the tutorial videos. So I haven't made any changes. I also suggest to you to, if you are looking for the videos to promote your product, try to make it like a demo. Like people's, much people have seen like anyone wants to use any phones or apps, they must have gone and searched for how to use it. And people might have seen it in every step, right? Instead of promoting that any app they have used or any phone or any gadgets, that's how we do the videos. And we haven't changed anything. Thank you. There are any? All right. Thank you so much, Mina. We have a little gift here for you on behalf of the organizers. Thank you. Thank you so much. Thanks, everybody. There's a break now until the next session at 10. You could please visit our sponsor areas on the first floor, Moon Bear Hall and the second floor, Sun Moon Hall. And in Sun Moon, you'll also find the community corner and the jobs board where anyone can post their job offerings. Hi, everyone. We'll be starting in about three minutes. So come on in, get comfy. And remember that there's no food or drink in here. Please. Thank you so much. Go on. Welcome. I hope that your Saturday is going well. Mine's going so well that the last session I said welcome to Friday to everybody. So now I know it's Saturday. We're all good. I'm Tess from WordPress VIP at Automatic. And I'm delighted to introduce you to our next speaker. Poom is a software engineer who loves plushies. And Poom is here to help us navigate the vast world of headless WordPress frameworks. Please welcome Poom. Thank you. All right. So hello, everyone. My name is Poom and this is my plushies, lollipop and butter. Yeah, so I'm Poom. So today I want to talk about a little bit about the current state of JavaScript ecosystem. I can be a little bit intimidating. But at first let me introduce myself. So my name is Poom, Poom Print Manu, and I'm mostly a software engineer. But actually I do quite a lot of community stuff back in Thailand as well. I'm from Bangkok, Thailand. And actually a lot of people in Thailand would press communities, also engaged with a lot of other communities. A lot of them are in JavaScript communities and we do projects together. For example, we have a hackathon where we build interactive systems that will bring goals to life. I also, like the thing about me is I'm not only interested in communities but I'm interested in what the web can do. Like what the interactive web has the capacity to do. So I actually have a show at the National Theatre that's going on from yesterday to tomorrow where I actually built an AI that can help the machine to learn how to dance. So we take the data from all the Thai traditional dances, the 59 dance positions, and we turn it into an AI that can interact with dancers. I have this profound love of the web and its interactivity because most things I build with is with TypeScript and it's surprisingly flexible. For example, I have built a computer project where you can build your own sound, your own music assembly and connecting it together. Or like there's a project that sends a hardware to space using JavaScript. Like I'm very glad that didn't crash in space. So like I have this love of interactivity that's kind of hard to describe but I think when you see the web a lot of people sees content and I agree content is king although there's so much that can be done with JavaScript. So with that I want to open this talk with a very simple question. What kind of sites can you build with WordPress? So it seems like a very simple question like a lot of you already seen what sites can be but play with me for a moment. I'm going to play a very simple game. If you think the website I'm going to show can be with WordPress just raise your hand. So I'm gonna start. Can this be built with WordPress? This is the first website if you don't know this is the first like homepage of the world wide web by Tim Bernersley. So it's back when the internet was started. So if you were to do this with WordPress you would maybe strip out all the themes and you would get this nice looking page. All right let's move on. Can this be built with WordPress? Can it? Can it? Ah yes actually this site is built with WordPress. So this is a space news website in Thailand. Space he is also I think a speaker today. So this is built with WordPress theme. So very simple very clean a little bit of interactivity. Now let's move on to something that's a bit more complex. So this is actually a registration system for like an event in a political party and it kind of pulls in all the information from a central database. This is more complex so can WordPress do this? Can it? Ah I think a lot of people have fates in WordPress. Let's move on to something completely different. Imagine in a 3D world this is called the museum of annoying experience by Send Desk. So when you go into this website it's actually a completely 3D world. You can see on the left here you are in like an empty space you can use your arrow key to move like in a video game and you can check out the artifacts. Can this be built with WordPress? I think this is surprising only three people went up like when we talk about the previous sites everyone knows that WordPress can do this. But why not this? A lot of websites today are becoming a bit more interactive. Imagine when you're buying a new car maybe a BMW then there's a lot of interactive components you have to be able to customize something in your car. So what if I tell you everything that you can see including that museum can be built perfectly with WordPress. So this is what today's talk is going to be about. What if you can build a content it can be as complex or as simple as you want. But you use the WordPress as the source content. Because if you look in every website even though it's really complex it has 3D it's been sent to space all it has in common is it has a content. And this is what WordPress really shines a tool for content authoring. So this for those of you who don't know actually who here has used WordPress headless WordPress for almost everyone. So I think you already know the deal. So for I think the rest of you who didn't know to put it very simply headless WordPress is all about using WordPress as a content database. You have all your content your orders are extremely familiar with the WordPress dashboard like Gutenberg is really awesome. So you can continue to use that but you have the choice to use an API like GraphQL or JSON to pull the data into a different system. But I think I want to kind of preface with a caution because you might not need headless WordPress. So the site I showed you earlier the SpaceTS website this is like a very large site. So this site is the number one visited space website in Asia. So according to statistics and there are like a lot of concurrent users but surprisingly it's 100% on regular WordPress. So it's using a WordPress theme called seed themes which is made from people from Thailand my home country very proud. And the nice thing is that like you don't actually need headless WordPress even if your website has like a million or 10 million of users. But it's more dependent on how they use the websites. So be very careful sometimes regular WordPress is just perfect. All right. So when should we go WordPress? I'm going to speed up a little bit here. So I would say there are three things you should keep in mind when you're choosing headless WordPress. The first is scale. So with scale there comes a point in your website where if you're using WordPress for a while but suddenly you have a lot of plugins. Sometimes you have Elementor sometimes you have like a dozen hundred plugins to support your 10s of millions of users. Your site somehow slows down. Or there are so many content types so many content modules. How do you deal with that? Well actually caching might just be the simple solution. A lot of those plugins are actually like very static. They are not dynamic. They are not per user. So chances are if you use just spread the right kind of caching you would be fine. But the second type is more interesting. Because I tell you I'm wary into interactivity. I'm the kind of person who sees these interactive websites and I'm like oh wow I like that. And it's not only for aesthetics but also a lot of the times you need it like when you're ordering a hot part. So here's an example of something that you could build with WordPress. So this is a 3D customizer where you have a bag and you can kind of rotate it you can alter it back. It looks like something that's very hard to do but at the core of it is just content and content can be managed with WordPress. So with headless WordPress you can bring your own 3D framework and do whatever you want. The third point is control. So a lot of times you need control in your website. Maybe you need to do some functionality that is very customized. Actually a lot of times you can just write a WordPress block in or WordPress theme and there comes a time when you have to manage your own infrastructure. For example if your website has some dynamic components that needs to be very fast and maybe you would rather use like another tool perhaps goal line for that. So you can do that with headless WordPress. So let's get to the meat of the talk. So there are so many front end frameworks right now even if you want to get started with headless WordPress there's the green part that you have to worry about. I think the WordPress is easy, it's really well done but the front end world is just like too much. There are so many frameworks. So how do you pick one? I think everyone would have a little bit strong opinion on this. There are many criteria you can use but from my experience let me just pick four of them. First you need to make sure that your framework that you're going to use supports multiple modes of rendering. Why is that? If you use so image in a website right some a lot of the parts of a site is completely static. Like it does say it can be completely cache but there are some parts that are changed more frequently. For example your maybe your terms of service, your terms of conditions, it doesn't really change that much but your let's say your blog or the product just changes every minute, changes every hour. So you should have the choice to know how often you want to refresh that so you speed up this experience for your user. Two it has to be flexible. A lot of tools in JavaScript ecosystem are designed for doing blogs or designed for doing e-commerce but a lot of time if you want to hack it if you want to customize it is not available. So this is the second constraint. Third is it has to be fast. A lot of tools in JavaScript tend to use well a lot of JavaScript and the problem with that is you're putting a lot of work in the user's browser and the problem with that is it tends to be slow. A lot of the times like a website can be 2 megabytes, 5 megabytes or even 10 megabytes. So we have to make sure that the framework we use doesn't use that much resource. Finally it has to have great defaults because a lot of the time you have to do everything by yourself. You want to search, do it yourself. You want to hack, do it yourself and if you're doing a site that has really fast iteration you can't do that. You need to make sure that you have all the great integrations like Google Analytics and other tools for monitoring built-in. But most of all I think if you're choosing a framework for your team it's very important to note the team part in it. A lot of shops actually force a tool upon their developers and I think that's not right because if the team is experienced with one thing a lot of the time they can make it work. Like I have seen a situation where the team is really good with React but the team says we're just going to go with built and it didn't work out because you need that kind of support from the team. So this is more of the technical aspect and this is more of the human aspect. So I know that choosing a meta framework will always be an opinion. It's not something that is something that everyone will disagree with me and it's very important. So here's my three topics. So from my experience I would say Astro is really great for building content sites. So that's the number one in my heart. So this is just me fanboying about Astro. And I think code number two for me would be Nux and Swellkit. They're actually like a bit of a polar opposite. I would say Nux is more opinion it's it, more opinion. So this is just me fanboying about Astro. I'm not sure how many times I have but I'm going to very speed up. So let's talk about Astro. Who here has heard about Astro before? Please raise your hand. So I think probably 20% of the room. So that's a clear sign that is measuring although like not the number one default and I think that's for a good reason. So this is actually really fast. Before this the choice of JavaScript frameworks for content sites used to be Gatsby and I have used Gatsby in a situation where we have around let me think 200,000 pages like just for like the e-commerce and imagine statically building that that actually took us an hour and 30 minutes. So you could go walk your dog in a park and it still hasn't finished. So the thing about that is it's really optimized for speed. So building like the pages it actually like really really fast. So let's talk about why it's so fast not only for building but for users. Try to guess like well I don't you don't need to guess because I already wrote that but here we are importing view component and spell component in a page and like from your common sense this seems wrong right it's like putting jQuery with react it seems like it's just a bundle. It's zero kilobytes there's suddenly no data but how like what black magic is this well turns out like the way Astro is designed is really awesome it's designed to be zero JavaScript by default so even if you're using a component by default it tries to render it like on the server statically so your user's browser doesn't need to do that work it doesn't need to download that JavaScript so the way it does this is use a concept called islands so islands is not really a concept like for Astro only but a more general term so island is when you are in one page it has a different framework so maybe your top header here is on view.js and maybe the image carousel is built with something different maybe it's welled maybe react and every place can use a different library so and the nice thing here is you don't need to load them all at once you can only load some JavaScript when it's really needed. For example in this example you know the header is going to be mostly static right you don't actually need like a lot of JavaScript in that so we don't load JavaScript and all that JavaScript is zero but you want the carousel to be able to be a bit of drag and dropable so you add client load so you don't have to load the carousel to be a problem like in the website it says that so Astro is really designed to be used with your favorite UI library right but what is your favorite UI library if you're if you come into like the world of JavaScript for the first time it can be really intimidating because there's probably like 100,000 libraries in there I don't know well there's a talk from E1U every time so the talk from E1U here actually like the key message of the talk is that there's no spectrum it's actually more of like a multi dimensional plane of the things that you want so for example some websites are mostly content most WordPress websites I would say are content focus some web applications are focused on interactivity for example the AI that I mentioned about dancing with dancers there's not much content but there's a lot of interactivity so that's why there comes a range in the framework so there's a range for like a lot of things for example for React it's like very minimal at its core but it needs a lot of supporting libraries to work while as something like Angular is on the polar opposite so I would really really recommend this talk because I think most of us thinks about content sites so my personal recommendation would be these two actually I have been using React for close to eight and nine years already but for content sites I would still recommend view and spelt I would say view and spelt is a little bit of like like an opposite so view is actually more like feature complete but it's really really easy to learn that means less API surface so personally like right now I really enjoy view because you can learn it like in really quickly like 30 minutes but you can like keep using it and keep growing your knowledge so while spelt has a really really minimal API surface but a lot of the things provided is either by the ecosystem or you write yourself because it's just so nice to write okay so back to so the nice thing about Astro here is that there's so many direct tips sometimes imagine like the carousel do you really need to load the carousel if it's like the hundreds elements in a website no you only load it once the user scrolls to it so that's why there's direct tips like client visible or maybe you have components you only want to show on the desktop or on mobile so you can use client media so that means you don't need to load that you don't need and the ecosystem for Astro right now is not as measured as NUXT but it's actually really good so you can find a lot of integration for almost every JavaScript framework and library right now alright so how do you use Astro with WordPress there's actually a really nice guide here about headless WordPress so but the thing you have to keep in mind is that before you can even use headless you need to know first what kind of transport are we going to use are we going to use REST or are we to use GraphQL so here's the pros and cons if you use REST it's actually really easy to use you just call the endpoint but you're loading a lot of data you're loading basically like every data in that endpoint even if you don't need it but if you use GraphQL it takes a little bit more to set up but you can't pick and choose you can say I only want the page title and nothing else and it would happily give it to you so with WordPress you can use WordPress GraphQL so it's a really nice tool that you can just install and it would give you headless WordPress I think I want I can't really show the whole video excuse me could you speed up the video if possible if not then it's totally fine so in here I have a very simple WordPress site so in here like what you need to do is go and install the plugin so that's like the easy part yes so once you install the plugin it actually gives you like a menu on the top if you see like the GraphQL IDE part so that allows you to write your own queries okay so actually I think I'm just gonna skip the live demo but you can come to me later like to see the demo I also have it on github but for the sake of time I'll move on to the next so let's talk about Nux a little bit so I would say Nux is a little bit of an opposite so like not really an opposite but a bit different philosophy to Astro so with Nux it's and I think Vue.js in general is all about easy to learn but there's just like really feature complete so you can't get started very very easily but there's everything that you would possibly need I think that's the part I really like about it so like as I mentioned with Vue I would say it's like low ceiling but white walls so there's a low barrier to entry but you can just do pretty much everything with it the API is really complete but you don't need to learn it all the time and same things go with Nuxed in a real website you would need authentication you would need page transition you would need state management you would need routing so with Astro like maybe they don't have all of this but with Nux it's not designed to only build a content site but it's actually designed to be like a very complex web application so if you're building some things like maybe a very complex e-commerce then I would really recommend Nuxed just because it has that ability to support like a very complex like web use case so everything you would possibly need you can have it in Nuxed another thing is the integration ecosystem is really mature so if you need something like anything if you need Tailwind if you need let's say Google Analytics if you need any locking then you can do it with Nuxed so I would say it's like pretty mature another thing that I really like and this is my number one criteria is it should support multiple rendering modes so let's talk about this for a bit because I think this is the part where it gets a little bit overwhelming for people who don't usually use these frameworks so by when we talk about rendering modes it's all about how do you want to render this page so let's say I'm going to quickly go through them one by one but I recommend reading about the last two yourself because it gets a little bit confusing client-side rendering is when you want your browser to do all the work think of something like 3D customizer you don't really do that on the server you do that on your browser because it's 3D server-side rendering is when you want the server to do all the work so this is just WordPress when you visit a WordPress site the server do all the work but then this is the part where it gets maybe a little bit more confusing is SSG, ISR and SWR so in a nutshell SSG is when you have a page that is very popular a page that is like people will say that it doesn't really change much you can just do it in a custom or a blog post in that case you would just generate a website because it's really fast and when the content changes you can just refresh it and the last two is all about continuously like revalidating so actually in next it's quite nice that you have a configuration to do it per route so let's see this example in your homepage you can just go to your homepage let's be honest it doesn't really change much your products actually changes much more often so you can have it revalidated in the background so for example when you go to a product page it might still show the old one but after a while it will show the new one and maybe similar story with a blog maybe you don't always need to see the latest blog but it can be a little bit delayed so it's all about how fast it's going to be updated page or can it be like a little bit later can it be the next deploy or does it have to be now so that's all what really the rendering mode means I would recommend checking out Stalewire revalidate I'm not going to cover it here but basically it's all about caching so it's all about like making sure that you can cache the content a little bit so if you visit it while the content is still being refreshed you can see the new version well if you visit it a bit later you will see the new version so back to Nux the thing I love about Nux is another thing is the documentation is spectacular so there are visuals, there are guides there are everything I think it's really like one of the most well written docs I've ever seen and it's very feature complete so if you want to get started it's quite simple so I have a little bit of Nux website here with some content set up so if I start the server I have a little page here so as you can see this is like not in WordPress itself but this is pooling data from WordPress okay so here is a little bit of picture of me and my friends and here's another content site another content so if we go back to here you can see first first step is always to write your query if you use rest this would be just using your endpoint so here I want to get the post by the slot where you come on when you want to get a page and then we configure the GraphQL which is the part the GraphQL core chain which just generates the code for you based on the queries you have and yeah so this is like the project structure with the app.view so this is like the entry point for your website so if you actually start the Nux project it will start with a welcome so it would be something like this with all the nice examples but if you but if you change it a little bit I think this video is a little bit too slow so if you go to Nux page then it actually picks out the data from the routing in pages like this so here you can see it's quite easy first you need to get the data from GraphQL second you need to render it I would like share the slides later but I don't have time so next is Swellkit so this is like the code number two for me because I think like Nux and Swellkit has like very polar opposite opinions while Nux tries to be like easy to use but like quite very opinionated so I would say this is a lot more minimal so I would say that's the really nice thing about Swellkit if you go to the Swellkit website you would say there's not really a lot to learn you would take let's say one hour and you would basically learn almost all the API surface so I would say the principle of Swellkit is really do more with less it has like that standard philosophy like thing in it where you just only need to learn a few and you can do a lot of things so personally I haven't used like Swellkit as much as I've used Astro and Nuxed but I would still highly recommend giving this a try so just to quickly wrap up so here's my idea so I would say this is my top three so just to recap Astro content site if you're building a content site that has a bit of interactivity so if you want to do a little bit of a web app that is more complex you need a lot more features you need things to be more opinionated choose Nuxed if you want something that is like quite minimal but very enjoyable to work with then choose Swellkit but of course this is just my opinion the important thing about framework is you need to understand the design principle of the people who created it for example like with WordPress we know how welcoming the culture is we know how accepting and we know it's very focused on the people creating the content so it's the same with understanding JavaScript frameworks you shouldn't think of it only on a technology basis but also why the person that created this framework tried to think this way React is all about transforming data Will is all about being easy to learn but can extend something like that so if you want to understand the kind of design decisions it really helps you to appreciate the little JavaScript frameworks that we see in the world so I would like to kind of end this talk on this note it's very important to understand that WordPress is really flexible you can use the data capabilities in a lot of ways so not only to build content first websites but everywhere we go in every interactive environment we can always be king and WordPress will be able to support that and just to end on this note there's a talk that I really like called shoes boring technology I think in the JavaScript world we tend to have this kind of shy like curiosity where we see new framework and we're like wow this is interesting or we suddenly jump to it but in this talk it's really interesting how we see the opinion is always to choose something that is measured because we understand it more when WordPress breaks everyone here knows how to fix it we know maybe not everyone but most people it's very measured so we understand how WordPress works but if you're on another technology that you're not that familiar with you don't have that kind of confidence and take that and just deliver value for the world and that is my talk thank you thank you so much thank you so much we do have some time for questions so if you have a question stick your hand up we've got a microphone to come around do you have a question oh yes yes please so this is not strictly about the frameworks but you did mention at the start of the talk that in Bangkok there was some overlap between the WordPress and the JavaScript communities and I find that super interesting because I don't think it's very common in my experience do you have any idea why what the conditions were for that to happen so I think the thing about WordPress as a community is I think we care a lot about the people so a lot of community tends to be focused just on the technical aspect like for example the C++ community like we care a lot about performance but like in our community back in Bangkok it's going to take a while for me to change this like back but we're very focused on the human part for example like we used to organize the stupid hackathon which is like a hackathon where you just go and view stupid things so I'm not saying WordPress people is stupid please don't take it that way yeah but actually we say WordPress people they're very creative they are very like I think they're like very human so in that case like the events we organize so it has a lot not only to do with technology but a lot to do with human for example we have the even like creative coding so Tai sitting there is the organizer so he organized an event where programmers would go and code their own music so I think that's why like we see like the white brands and the human nature of WordPress people in like those more dynamic communities yes please hello first of all thank you so much for very insightful session I really appreciate it so as we know that the WordPress is mainly famous for the SEO as well so which one is the most SEO friendly among all these three picks from your topic great question so actually I think like Altree like really supports like very good native SEO functionalities but I so I would say like all of them for example if you go into like the astro documentation there's a very clear guide on how you can set up things like meta tags set up things like site maps with nox I'm pretty sure it's completely built in so I would say those two would definitely be built in as for Svelte's kit I'm not actually sure because I haven't used it that much but I'm pretty sure like all of these you can do a lot of great SEO one thing too like I think think about though is that the content from like the WordPress CMS is in HTML so it's important as well in your CMS that you have like properly format set markups and you're like exporting the excerpts correctly yeah so I think you follow the SEO practice in normal WordPress in your frontend application yes please it was really a nice talk thank you you mentioned islands and we can use multiple frameworks and libraries on the frontend side so will it create any kind of conflicts while using multiple frameworks and libraries simultaneously while developing the website great question so I think the nice thing about astro islands is encapsulation so every island is kind of broken out into a little world for example will JS has the concept of instances so your header and your Caruso is going to have different instances that means they cannot directly interact with each other and this means it's very rare that you run into conflict the only scenario that I can think of is if perhaps you are using global values so if you're done use global values global states then no I think you will not run into conflicts thank you we've got still a couple of minutes for questions yes please so recently the website that we were using the view actually went into end of life status last year right so our team actually had to do a lot of framework re-adjustment going from NUX 2 to NUX 3 so are there any of these frameworks that minimizes this damage or if there's a framework that we can suggest to move towards too that can avoid this future where we are forced to rebuild the site basically I think that's a great question I think that has a lot to do with first the maturity of the framework and second is I think like how minimal or like how far the direction is going to change I think the change from NUX 2 to NUX 3 is a very good example like in that case it has a lot to do I think similar to the change from view 2 to view 3 we know that's quite a lot I think I cannot give a good answer in this case because for example astro is actually very new so even though it's gaining popularity and maturity very quickly I wouldn't completely trust it yet so in my mind I would say this is something that I'm still trying to look out for for using it in extremely long-term projects but to answer your question I would say there are some more mature technologies like page generators like for example Hugo that has been around for a very long time so if you want something that would survive the test of time I would recommend looking into kind of that measure framework thank you thank you thank you so much Puma we have a gift for you on behalf of the organisers as well thank you so much thank you thank you so much everybody we have a break now until 11 please make sure to visit the sponsor areas on the first floor which is Moon Bear Hall and the second floor which is Sun Moon Hall and in Sun Moon you'll also find the community corner and the jobs board where anyone can post their job offerings hello hi testing one two three hello everyone we are going to start just in three minutes so in three minutes you have the chance to see your favourite speakers just three minutes okay three minutes pass hello everyone how's the day going hello hey everyone everyone is wake up at this moment of the morning okay don't forget we have our community community corner in the Sun Moon Hall in the second floor visited we have also a job board just in case in your company you need someone to hire this is the perfect place and don't forget to visit our sponsor booths they are here you have here one hall really near and in the next floor so this is a group of lightning talks of incredible speakers I hope all of you are going to join and let's start with the first one the less I talk the more they talk so perfect let's go with Perth Waratana Narantra Kunchom he is currently working as analytics engineer at Canva and he has been working and contributing to the WordPress community for more than 10 years that's a lot and he also is co-founding the WordPress community in Thailand with his friends he also organized events like Workam Bangkok and Workam Asia 2023 and he's going to talk how to multiply your income streams with WordPress development skills which is an interesting talk about how to make money making a life so Perth please your turn applause for Perth one moment this is my first time speaking like this huge space thank you everyone so much for coming today and today I will be just talking about how can you multiply your income stream with the WordPress skill so let's go thanks so much for Hose for introducing me so I don't think I need to go through this slide so much so let's keep this one anyway I've been working on WordPress for 15 years and I have been contributing to WordPress community so we have organized the WordPress Bangkok in Thailand and also the Workam in Thailand as well you may have seen me around but if not then hello good to see you please let your hand if you are working as WordPress developers in this room how many WordPress developers in this room okay so we have around 30 not so much but anyway so if you are WordPress developers then you might get some ideas on WordPress skill and then how can you grow your multiple incomes but then if you don't know anything about WordPress development that's fine too because then you will be like you might get some inspiration and then you might start learning your WordPress skill there and three things we will be talking about in this talk the first thing will be the reason why do I diversify my income so if you like the idea then you can try and then it's only cost you to try so yeah you can do it today and the second thing is about my journey to utilizing WordPress development skills to create multiple income streams and the last one is how can anyone create the income stream with the WordPress development skills so let's get started so let me get started with why do I diversify my income and why you should also try it and nowadays people have one income stream and normally it's salary or if you are a freelancer then you might have a freelance job but then I found it's quite risky if you have only one income stream because if that income stream gets cut for whatever reason then you suddenly have zero income and I'm sure no one wants to be in that position but sometimes we don't have other choice because it could be because the world is constantly evolving and then the world is changing a lot like if you have been working WordPress or technology for more than 10 years then you probably know about this and yeah like the customer or your company might not need you or your competition in business may arise right and then or maybe there are new AI maybe there are like pandemic that happen so yeah you never know what's gonna happen and even if the world stays the same then sometimes it's like your personal life will gonna change as you grow so it can be like maybe you have more family members that you have to take care of or maybe there are health issues that happen to you so that's all things that can happen to your life so yeah that's why I found only one income is not sustainable so this question to me like many years ago on how do I survive or how is my family gonna survive if that's only one income then that's like something that happened to my life or it's like something that life like doesn't go as I planned so well you can either do nothing and if you do nothing then if you can just keep working on one job and then if you like get cut from your main income for whatever reason then you like you lose all the income and then you get into financial stress but or you can either do like multiple income you can just create multiple incomes and then hopefully it will be your happy life but if not then it will be like less stress less financial stress at least so let me show you what life with multiple income it's gonna be like yeah so first I have like main stream income then for me it's like my full-time job but then for you it can be like freelance or other different types of job but then I also have the side business that support my life so like what I want to do if I want to go to the gym I can just pay with my side business so I just build side business just give me the side income it doesn't have to be that big it can just be like the small one but multiple one can like support my life at least and meanwhile my salary can go into the investment or upskilling or for the life improvement that I want like gym or personal trainer so normally people will ask like if you are into the personal finance then people will ask how many percentage of your salary can go into saving and people will usually say like 50% 30% 40% but then like if you have this mindset then you may be able to like just put 100% of your salary into the investment and then you can just like use the supportive money to do some other things in your life so just summarize like just form in my case like salary plus side income is like just the freedom that I can choose how do I want to live so for me it's never about like getting so rich so that I can create my full-time job but it's more about like how can I have the income that I can support my family and I can enjoy my life as the fullest with like my loved one so in summary I use my assets just to create a life that suits me and for you it can be different thing it might not work for you but then if it works for you then maybe it will be good for you and your family as well so yeah see and try so now let me just go into my like career kind of journey on how do I like here like so many like different multiple of the side income so I have been switching between different jobs and then the it all start with the workplace development skills so let me get started so in 2009 then I start working on the like I have to find some place to write about and then it has to be about place at that time it's like there's no other platform that you can use so it has to be WordPress and then after I learn more about WordPress then I feel that I should start like my own freelancing service so that's what I do that's what I did when I was studying so I was studying so like bachelor degree and then I start like working on the WordPress services and then after I graduated then I found that WordPress is not too bad of like the career to make money so I just like start doing like full-time job so I think most people in this room is probably like familiar with this kind of story but then I found that like if you just work after the full-time web developer since sometime it's like it's not close to client then sometime the money doesn't go to you like for example it might go to agency for 50% it might go to you like 10% of the job so I just start thinking about like maybe I can create my own team and then just talk to client directly so I can get more like kind of more income in that way and the last thing is if I have like know if you have known me many years ago then I switched to data engineering stream and then I will talk about that later on the later slide on how do I switch to those jobs but then everything starts from the WordPress development skills and here's like just some photo so on the left side it's like just my first version of my blog it's very old it's like 10 years ago I found it on archive.org and then the right side is like my first time that I attend WordPress meetup it's like yeah so that's when I first heard about like the WordCam and WAPU and I tried to create my own WAPU so it doesn't look as good anyway yeah so another thing that you can do with the WordPress development skill is you can also do training so this one is like something that you can also like when I first started it's just like only one on one class on the basic WordPress skill it's like how do you install WordPress how do you use WordPress admin and stuff oh sorry I forgot to anyway yeah so it's very simple one but then so after I after I do one-on-one training then I found that like it's not very scalable because then that means I have to take like my hours to do only one student at a time so I start doing the group training instead so I just have like I just find a room and then like just open the class and find a student so in one class I can do like 10 to 15 students but I also feel like sometimes it's like it's limited to the geographic area like if people want to come to the class then they have to sometimes they have to fly like all the ways to my place but then it's not it's not very convenient so I decided to start an online class so it's basically like I just put the recording or I just put the live class on the online version and then if anyone want to learn they can just come in and learn so that that's how I can scale my business to like from one-on-one to one-to-one more than 100 per class or even thousands sometimes and yeah I've had form training business then I just I want to to talk a bit about the diesel product as well so I can so if you use the player development skill you can create like plugins or theme as well so yeah just a quick one so I may have income by selling live WordPress theme and plugins with my team over there sure and we also published some of the plugins on the website OIG as well so you can do it for free and on the left side as I mentioned earlier then like when I switched my career to data engineering then I used the skill from WordPress development skill so like I've learned PHP I know some programming so I moved that to like Python very easily and then I also learned a bit about like SQL and database so I can move that to the data engineering quite convenience to do it and yeah a few example on how do I use the WordPress the WordPress skill on the data engineering stuff so I then use it in day to day so then I try to use it every time I have a chance so the first example is like I use as a front end and then connect to the cloud computing backend so that's the first one and then the second one is like I start my own training on data engineering so I use the WordPress to like support like on the delivery so it can be like the form it can be the like landing pages there it's very convenient to use WordPress so just to summarize then if you have WordPress development skill as a base then what you can do is you can you can create your freelancing services you can do consulting or if not you can do training as well you can scale your business as well or you can do digital products you can do plugins or themes or if you are more into kind of content writing you can do affiliate program affiliate is also making a lot of money as well and if you are running something outside of WordPress you can do like supporting other business you can do landing pages, you can do the forms so WordPress like that opportunity you can use WordPress skill to enhance your other business Dear Beth, we are running out of time I'm finishing my last slide anyway so for the next step if you are interested in this kind of stuff then feel free to get all of the books from Amazon or other store it's good and yeah last slide then if you are in Sydney feel free to just grab a coffee or if you are on X or LinkedIn feel free to come and chat thank you so much for your time and hope you enjoy thank you sorry about that this is a gift from the organization for your contribution thank you so much well time is running lightning talks so next speaker we are going to have Yen Tam she is a digital marketing specialist for more than 10 years she is the founder of standout professionals they help polish the skills and visibility of starting professionals and she is also starting to launch her new website search.an.gen.com where you will find SEO strategies and resources for free and she has managed so sexual campaigns across different niches and driving remarkable organic traffic she is a SEO specialist and she is going to talk please Yen thank you she is going to talk around your competitors with easy and quick homepage optimization techniques with all of you Yen Hi just a quick correction it's search.an.gen.com that's search.an.gen.com so anyway a few weeks ago a friend of mine asked me why don't we have speaking at word camps the pitching, the planning to travel expenses it all sounds exhausting right well there is a reason most of us do what we do take on page SEO for example we optimize a web page for different reasons better design, usability page speed, accessibility all good stuff but at the heart of it search engine search engine results pages and ultimately help their businesses grow here's the catch to win on search engines the first step is to make sure that all your important pages are indexed now Google search console URL inspection tool will help you see a page from Google's eyes and understand any indexing problems if Google can't index your page no amount of redesign or keyword magic is going to make it rank much less appear on search results but don't panic often it's just a simple matter of switching your meta robots tag which you can do on SEO plugins like Yoast from no index to index but what if Google has scrolled and discovered your page and still decides not to index it this brings me to my first point match the user search intent as an SEO strategist I'd often get asked how do you rank for specific keywords the thing is most search engines nowadays especially with generative AI search they're no longer keyword based Google for example uses storage processing systems like rank brain and neural matching to detect the context and understand the why behind a user search you can think of the business of search engines as similar to a library people go to a library to seek reliable information your page is like one of the books there and books that have the most helpful answers to what users are asking for more relevant straight to the point accurate these are likely to get recommended by librarians which in our metaphor are the search engine bots so the next time you assess a page ask yourself does the content offer clear and helpful answers and information to the users what is the main topic of the page in the first place and what could be the purpose or intent of users in searching for this topic which now brings me to my next point check the competition and no these are not your business rivals that I'm talking about any page image or video that tops the search results for your target keywords those are your competitors this is important to keep in mind because ranking happens on individual pages not whole websites your goal is to be better than competing pages to be perfect but getting the context of the query spot on and covering relevant sub topics to make sure that you address all possible related search queries let's say you want to rank for or outrank the search results for this query best places to visit in Taiwan for first time travelers first check for any featured snippet and study how it addresses the query so here you'll note that the featured answer prioritizes naming tourist spots in Taiwan next, dissect the top three pages what sub topics do they each cover daily itineraries visa concerns where to eat how many days is enough how does the number one page present its info and why are not pages number two and three not getting the top spot even if they seem to cover more sub topics it all boils down to the context of the query check for other elements on the SERP like this one from sources across the web notice again that it showcases a list of top places to visit in Taiwan now people also ask and related searches these are the relevant sub topics so based on these we can infer that the main intent of users searching for this topic is to find top recommended tourist destinations in Taiwan so analyze your page what content align with this intent how can you make your content more helpful and unique how about organizing your list based on areas of interest like best places to eat best places to shop best places for family with kids honeymooners, solo travelers what other angles can you cover that the other pages have not maybe safety tips or local hacks last year before I went to Vietnam I got a similar topic and I would come across articles that had tips on how to haggle with local vendors and I thought that information was quite helpful for a first time traveler like me so at this point you have a pretty good idea on how to compete for top ranking which means it's time to focus on optimizing the above the fold section, why because this is the first thing that both users and search engines will look at when they first land on your page so make sure that your key message core web vitals, important SEO and conversion elements are there even without scrolling down so first the URL HTTPS for secure websites are pretty standard nowadays but sometimes you'd be surprised to see a not secure warning due to mixed content these are caused by image links and scripts or other resources that still have the HTTP URLs so find them from the page source rendered HTML and update those links because yes, HTTPS is still part of Google's algorithm breadcrumbs not only guide users where they are on your website but they help search engines understand the context of the page and this makes their jobs easier in matching your content with relevant search queries there should only be one H1 title on a page and it should hook a user's attention like huge discounts but for a more structured approach I'd typically use this format main keyword plus user pain point and a sense of urgency now the main image and other important images on your page should include your target keywords or the articles title and your brand logo especially if you want to rank for image search and don't forget Google only indexes images that have the image source HTML tag not the image source attribute the intro should be 100 words or less and should indicate how the article can uniquely address or help users solve their problems or answer their questions now especially for product pages always include an eye catching call to action button but for informational pages it doesn't matter if you put your cta on top or the bottom of the article what's more important is that the call to action matches the purpose of your page which in turn matches the search intent do not bury your cta like this in a block of text make sure that it stands out with a button and with clarity to achieve your conversion goal next sentences right after or below your headings and subheadings are hugely important when it comes to ranking especially if you're gunning for those featured snippets so I had these sentences analyzed on Google's NLP API in the first sentence emphasizes the role or the main role of firefighters in a tragic incident but notice that if we switch the word order and this is according to Google the focus or the main context now becomes the family or the family's experience see the difference that Google picks up on the key is always directly answer the question that your heading raises so for example your heading is how to bake a cake the first sentence better start with to bake a cake if it's about the benefits of blah blah blah the answer comes first not a flurry intro precision in those key spots to match your content with the right search intent my last tip emphasizes the fact that pages or a page that search engines easily understand ranks better and faster the secret is speaking their native language called semantic markups now semantics are less about the language you use but more about the attributes relationships and context of a topic did you know that Google doesn't understand or care if your page is written in Taiwanese, Japanese or English in its eyes these are all just data with patterns now structured data helps Google read between the lines of your web page let's say you have a product page that sells Taiwanese coffee by using schema you are explicitly telling Google the price the currency, the brand the product descriptions even the user ratings in a more organized and understandable set of data which is why it's called structured data for more checklists and other ranking signals please Google my name Jian Tan just in case this QR code doesn't work because it didn't for me for some reason earlier you've been a great audience thank you so much thank you so much great talk well don't forget this is a non-profit event everyone here is volunteering speakers, organizers volunteers so if you have the chance to give your feedback or to say thank you to organizers and volunteers do it at every time thank you this is important for every one of us well, related to SEO but in a different way from the very technical aspect we are going to have the next talk we'll have Adam Silverstein from Colorado he's the WP core cometer for more than 10 years in the past he worked for up building enterprise sites now he's working on Google on the web platform he loves rafting and grow vegetables and a specific thing about his talk you are going to see a lot of links and resources so wait until the last slide because he's going to share a link with all the information you need in order to follow the presentation with all of you Adam Silverstein big applause please if you want in people feel free to come through if you need to come in it's very crowded people from that side please super happy today to be here to talk about INP new metric for interactivity so INP is the new interactivity metric for the core web vitals which aim to measure user experience on the web with loading stability and responsiveness and responsive a page is to user input it measures all the interactions on a page load on a page life cycle and reports on the slowest or the worst response and INP helps you identify these slow interactions that might not be apparent when you're building or testing your site INP looks at every interaction on the page excluding some outliers and a good INP score means that your worst interaction is 200 milliseconds or less any response over 500 milliseconds is considered poor and everything in between is deemed needs improvement and since users have a variety of experiences what we're aiming for is having 75% of users having this good experience and INP problems are mainly on mobile devices so that's where we're going to focus our energy our research and our work good responsiveness means a web page reacts promptly to user actions making the site feel snappy and many studies have shown that improving user experience leads directly to better business results and a recent study showed that users with good INP scores are 25% more likely to convert and a key insight into this need for this new metric is that users spend 90% off of their time on web pages after they load so we already have this FID metric that we're replacing with INP and you can see here this chart that WordPress sites do very well on FID in fact almost all sites on the web pass the FID metric the first input delay metric so that's good right? No it's not great because we all know that we have bad experiences on the web we've all had the experience of trying to click on something and it doesn't respond and then we click again only two things happen it gets very frustrating these are bad experiences and this is what INP is going to help us capture and isolate and find and then fix and as you can see here WordPress sites are struggling a little bit more with INP and INP is going to help identify exactly where users are having these poor interactions so think of this as a new tool and an opportunity to improve your website for your users so let's dig in a little bit more to see what INP measures an interaction happens anytime a user interacts with your page with a click or a touch and let's say you're booking a hotel room and you click on a calendar pop up and it's going to pop up a calendar you click on a button it's going to pop up a calendar and show you the available dates so in this case the interaction could be several events a pointer down and pointer up and the interaction ends when the user has shown some update when in this case the calendar pops up for the user FID measures this part of the interaction the time it takes for the event handler to run after the input event this could be slow if the page is already busy with other work some heavy JavaScript running in the background and there's some problems though with this metric it only measures the first interaction secondly it only measures the time that it takes for the event handlers to file not the entire interaction and also remember users spend 90% of their time on pages after they load that's why we have INP INP measures the entire interaction and this could be slowed down by problems at any point between the input being received and the update being displayed and unlike FID, which only measures the first interaction, INP measures all the interactions on the page lifecycle excluding some outliers and reports on the worst and some quick tips here for developers if you're writing event handlers make sure that you show some progress indication to the user as quickly as possible and yield back to the main thread so that display can happen quickly and if you're doing more work you might need to split up that work as well so that you don't interfere with subsequent interactions that the user has so let's break down what an interaction is first we have this input delay this is the time that it takes before the input handlers fire and this can be slowed down when there's other stuff happening in the background could not be related to your JavaScript on the page second is the processing time this is the amount of time that it takes for all the event handlers to run on the event before it gets to displaying the update and this could be slow if your JavaScript is poorly written and it's easily fixed by introducing yielding back to the main thread inside your JavaScript and third is the processing delay this is the time that it takes for the browser to actually display the update over the complex DOM or CSS and you're on a low powered device for example so INP is a field measurement so it comes from real users in the field or so-called real user metrics and that's the data that you need to get to be able to figure out if you have INP problems and you may already have this data if you search page speed insights or in your search console report but even better is collecting your own open source tool like faro or one of these run providers that I've listed here or you can roll your own solution with the web vitals JavaScript library and sending off your own data build your own dashboard and then you have full control and this will help you identify where the poor interactions are on your page once you know where those poor interactions are you can get into fixing them so what you're going to do then is you're going to go back into your local environment and use Chrome DevTools or another DevTools throttle everything the network and the CPU and try to reproduce the interaction and use the Chrome web vitals extension to log out INP as you're interacting with the page and then you can try quickly fixing this for example using the network panel to block JavaScript and seeing which JavaScript is related to causing the problem you can look at long tasks in the debug console to figure out exactly which JavaScript is causing the issues or you can go into overrides and simplify CSS and JavaScript and again try to fix that problem interactively on your on your lab device or if you control the code base then you might need to make changes in your code or maybe it means eliminating some JavaScript that you're loading and getting rid of a feature that isn't that important anymore this is a good time for some spring cleaning and anytime you get these fixes and deploy them then you're going to need to see how does that affect actually things in the field and what is the next worst problem that I need to fix now and that's it, that's my talk I've got a QR code here with a survey if you want to take a quick survey if you learn something feedback for me and also the link is for the slides and all of the links that were in the bottom of the slides will be available there in the deck this is a gift for you thank you so much applause for Adam the very good one talking about its own measures so incredible so don't forget if there is people is there any over there there are some seats available there just if you want we are going to with our next speaker, Kimberly Bater she's a senior technical account manager at WLP engine she enjoys hiking by lifting and swimming and occasionally doubles in brewing growing hypodronic beggies and historical fencing I don't know how many incredible hobbies she's going to talk about the taste of tables converting legacy CMS to WordPress a really interesting topic welcome the stage, applause for her please hello everyone and thank you to Moncho for the wonderful introduction my name is Kimberly Bater and today I am going to tell you a tale a tale of tables these types of tables not these types of tables however if you are looking for the international conference on woodworking and cabinetry that's just down the hallway to the left do you want to follow the trail of sawdust along the way today there will be challenges side quests and monsters but we will pick up new tools and lessons to carry us forward and on to our next adventure before we begin let's close our eyes and take a deep breath now it's time for our story once upon a time a race wizard who lived in a cozy two bedroom apartment with her two cats one day a website owner came to her door they carried with them the story of a content management system that had been custom built for them many many moons ago unfortunately over the years the CMS had become unmanageable and there was no one around on their team that could maintain the old code they knew that they needed to update both for performance and security but you see there was no existing tool to easily export their data out of their old CMS and into a more modern format they were worried that this content management monster would trap all of their data and that they would have to rebuild their website from scratch but luckily the database wizard had a plan for this wizard was well studied in both WordPress and MySQL she knew her way around a database and she was confident that she could put together the required equipment and plan in order to convert and structure the custom CMS data into WordPress tables it was just going to take a little bit of planning with the quest formally accepted she sat down with her new client and started planning out their journey some of the broad questions she pondered were what is the best way to extract the data what limitations do we have what will the final data structure look like and what tools do we have at our disposal but all of these questions were intertwined since the wizard had to not only get the data out of the old CMS but also get the data back into WordPress she knew that she would have to build queries and spells with MySQL in a way that would suit WordPress's post table structure however she also had to account for e-commerce data that needed to be pulled together and converted to e-commerce and also for the fact that the data structure for the final site was going to include custom post types, taxonomies and fields you see there was no one-to-one relationship between the old and new tables so the queries had to be built out with table joins and other cam trips there were also going to be some intermediary steps where both the wizard and her clients were going to have to work together in order to standardize and clean up old tables and data that were over a decade old all of these requirements informed her choices of the tools and equipment that she prepared for the journey in her bag of equipment and tools she packed the following items for the initial data extraction the wizard chose a tool called DataGrip this program allowed her to connect to the old CMS and build my SQL queries to pull out whatever data she needed it also had incredibly useful data visualization tools so that she could quickly familiarize herself with the old CMS tables and data structure and learn all of the relationships between the tables and the old database because there was also a lot of data cleanup and manipulation that needed to be done before the data could be re-imported into WordPress the wizard also chose some less conventional tools she opted to use both Excel and Google Spreadsheets while Excel was used to leverage its newer power query functionality alongside more traditional macros Google Spreadsheets was used to collaborate with her clients team so that they could easily verify and approve content before re-import to build the custom post types, fields and taxonomies for their new WordPress website advanced custom fields and custom post type UI was used plugins were utilized and finally to make the process manageable and repeatable by all team members including the less technical ones WP all import and export was used to import and clean up data via those aforementioned spreadsheets of course even the best laid plans run into difficulties for even though the wizard had tried to plan out the whole adventure accounting for budget and the scope of the original quest there were many hurdles inside quests along the way the original data ended up needing a lot more tidying than anticipated and some of it could simply not be handled in bulk and that wasn't possible across the whole data set additionally her client kept finding more and more side quests and small monsters that needed defeating there were issues re-importing blog comments due to some conflicts between post types and there ended up needing to be more complex custom field and taxonomy structures than they had originally planned for so could this old CMS be defeated well the wizard and her client battled onward they made development environments did test imports and built some boundaries around what could be handled in bulk versus what simply needed to be a manual cleanup process and with testing, tweaks reviews and more testing victory in the end there wasn't a big battle the process involved chipping away bit by bit and both the wizard and her client needed to stay aware of how the mission of the quest needed to shift and change over time so what did the wizard learn and what did she choose to prioritize when making decisions about the data set and the new website structure well first of all she focused on future proofing she built out the new custom post types, fields and taxonomies and as light away away as possible so that it still allowed her client to manage them on their own even without her ongoing presence she had to sacrifice some of her ideals around not using heavier page builders for the front end of the new WordPress website but as this choice was the best choice for her client's non-technical team and because the data and the post structure was sound and allowed it to potentially go headless in the future in this concession she struck a balance between practicality and best practice in the end the wizard completed her quest all of the required data was removed from the old CMS and successfully imported into WordPress if she were to do it again maybe change one or two things for instance ACF can now do custom post types and taxonomies which eliminates a whole plugin from the final stack and she would encourage anyone else who's taking on a similar project to also keep their minds open to less developer centric tools such as Excel and spreadsheets as these tools allowed for better collaboration with everyone involved in the quest and with that our story is complete thank you all for listening to Tales of Tables and good luck on your own adventures thank you so much you have a new fun this is a gift for you for the organization, thank you for your talk thank you so much, thank you for all of your volunteer work ok, thank you big applause for her time for a little break go for coffee, visit the sponsors and enjoy the event thank you so much for being here test, test, test it works flawlessly yeah I don't like that I'd like to have a closer look all the way welcome everyone, yes that works alright so we'll start in five minutes so there's a little more time to relax there's a lot of people next to you if you're watching us from home make sure you grab your coffee now because you do not want to miss our next speaker here in track 4 at wordcamp asia so see you in a few minutes alright welcome everyone if you've been to a wordcamp before and you've seen me as an MC before you know what my next request is going to be and that is to slide a little bit to the middle because we have photographers and they like to take pictures and it looks so much better if we do not have any empty seats in the middle so if you all could scoot in the good thing is you may meet someone new next to you and you'll have an added benefit of being in this track today so if you just come in please find an empty seat fill up the rows especially in the front because that's of course where you can see our next speaker best so don't be shy it's not school you don't have to sit in the back you're very welcome to sit here in the front so before we start because we have another two minutes and I don't want people to run late or feel that they are running late just because I'm already blabbering on stage let me tell you a little bit about this afternoon because we'll have four speakers in this track before it's the end of day 2 of World Camp Asia 2024 but there will be a next World Camp Asia so don't be sad and there's still an after party tonight at 7 so make sure that you come there as well and if you come bring your badge because that is a hard requirement to get in so 7 o'clock bring your badge don't forget it oh and the theme for the after party spring so I love to see all your spring outfits despite the weather maybe not being what you're used to in spring today alright so with one minute to spare this afternoon we'll have Hitataka on stage after that we'll have Jacqueline then we have Alex talking to you and then we end our afternoon with Nada so that's the plan for this track there's more in other tracks but the good news is you do not have to go there because all the fun will be in here so you came to the right place alright with that it is one o'clock which means that I can scroll through my notes shake off my own nerves because I do not have to be on stage for the next 45 minutes so if you've been around WordPress chances are really big that you've seen Hitataka before well this is his first visit to Taiwan he's absolutely not new to WordPress he's been working with WordPress for over 10 years of which the last two and a half years as a developer advocate at Stripe and just two weeks ago he was also the lead organizer of a word camp in Kansai, Japan today Hitataka will share with you his learnings on headless WordPress but before that I want to tell you a little thing because outside of work he enjoys playing the Japanese drums so there is only one way to welcome our speaker to the stage and that is to give him your best drum roll and a warm applause so please put your hands together for Hitataka I'm really happy to such a warm grab anyway thank you for coming together today I'd like to share my experience and the journey of building the headless WordPress site I want to ask you about the quick question have you ever been to try to build the headless WordPress site wow so many I feel a little bit nervous but let's hear my experience and I'd like to talk together about how headless is in this place and after party so let me do this myself I'm Hitataka please pronounce me Hitataka this is my nickname and as you know I'm a re-organizer of the World Camp Kansai 2024 two weeks ago so that's a soul rush and today's my point is I'm I'm going to submit my homework I get nine years ago what is this in the World Camp US 2015 this is my first flagship World Camp I participated in and I hear this slide learn JavaScript deeply this is what Matt Warren say in the keynote so I'm 2015 the WPAPI V1 has launched so I'm start to run and try the WPAPI and JavaScript and PHP at the beginning so I said nine years ago five years I made a huge mistake I have to correct the title so I'd like to talking about my journey of the nine years at my talk so after back to Japan I start to run what WPAPI is so I try to create a simple WordPress plugin just called WPAPI from the short code so I just use the WP remote get and WP remote post function so the main we go with understanding how we can use the WPAPI and also I learned workshop is WordPress community I'm not unsure about the JavaScript and also jQuery but it's really easy to get a post from the front end so that's really excited and great experience to me at the moment so I start a deep dive to the WPAPI and the WordPress so that the next year I create the first WPAPI team built by the WPAPI this is my team and the WP code is my personal blog post the blog site built by the JavaScript so I try to build a React application by GARP and I'm not unsure how I can build an application on the web so I enqueue the build JavaScript inside WordPress so this team has only two PHP files index.php and function.php what I feel at the moment first impression I want to write PHP again that's why because React application on WordPress is decreased benefit of both platform also WordPress and React why? when we build React application on the WordPress themes we can use short code and widget and also the block and we cannot use template hierarchy so it's hard to customize the view depends on the category or the post or any other things and also we cannot use full function like WP prefix and also the site of the React application we cannot use the server side JS because render by PHP and WordPress and it's hard to build a dev server so I have to launch WordPress and React application through the background it's not uncomfortable so the look back from now if we build a JavaScript or React application on the WordPress application we have to use build script in the custom block this is close to build a React application on each WordPress site and we also it's good to use the WP API to build a dynamic client like getting the external data like Yahoo API or Google API or also the LLM API and go to the next years I try to do the new things have you ever seen the Amazon Alexa? I'm Alexa champion so in 2017 to 2018 I'm focusing on creating the Alexa application and that's the back end and the fundamental is very simple user say input by voice and Alexa convert the voice to the text and the API just process the text to the text and Alexa read the response text to the voice so we only focusing on the JSON API so and the World Camp Singapore maybe 2016 I try to submit my presentation about the WordPress and Amazon Alexa so this is a screenshot of the my presentation so the left side is the behavior of the Amazon Alexa and the right side is my construction at the conference so if we build a custom voice application we need to get the data source so the database or CMS or like that and WordPress provide the RSS feed by default the point is the Alexa skill can read RSS feed so we can create a custom the Alexa application just just read RSS endpoint into the skill let's look up from now so the headless WordPress is mostly talking about the building the GUI but also we can create a multi-channel distribution like voice application or chat application or also the well known about the area or the lag so I want to keep discussing about the headless WordPress and the use case not only the GUI let's go to the next years finally I decided to read the WordPress scene why I realized the useful static site hosting like a NetRefy or the Amazon AWS Amazon S3 or like that so I try to replace front end to the React SPA single page application so this is a simple example code at the moment I use the React and Redux and Redux Saga to fetch WPAPI data in the client side and one thing we have a problem about distributing the website as the single page application is the AC world and open graph because rendering only single HTML file so Google and Facebook or the X recognize only top page on each the content page so my solution is using the prove render this is one of the functionality of the NetRefy and I try to do another way using the learn the NodeJS server to render the application on the server my opinion about building the single page application is that to be honest I don't want to build a single page application for distributing the website but good for native application like iOS or Android and that's a good news we can build a native application by the javascript technology ionic and capacitize a good framework and also if we are familiar about React we can use React native or if you are curious about the dot we can try to use a flutter so go to the 2016 and the 2020 I realize the next new big change have you ever seen the Gatsby and the NextJS before NextJS Gatsby this is a reactive framework to build a javascript application as the server side or static site generation to go like that and they try to distribute the useful integration of the framework or plugin yeah the Gatsby providing the creator source plugin and the other side this is not provided by the browser I believe the WP engine yes thank you WP engine create a framework named firstJS what the difference between the Gatsby and the NextJS is importing the data and the Gatsby Gatsby proved every data before building the website and front-end builder import each data by using the GraphQL to combine and mash up the various data source like not only WordPress Google Sheet or Notion or any other rest APL GraphQL and the other side NextJS is based on the React rendering cycle so we can fetch the post data in the server side and customize the data source or the data fetching by own code so the Gatsby is easy to combine and mash up and the NextJS is good for the make it simpler I believe so look back the 2014 from now Gatsby acquired by the Netrify and NextJS well known provided by the bar cell so Remix is maintained by the Shopify team so every React and the headless framework is maintained by the hosting company or SaaS company so if we choose or make decision what framework do you want to use free research depending the hosting service or SaaS so like is the bar cell server available in Taiwan or Japan or how about the Netrify or possibly we have to we have to bring their framework on each server like AWS or GCP or any other local hosting providers come in the closely I try to use the SaaS and fast application and try to build my blog site as a SaaS okay I start using the server of the SaaS application and also the cloud integration like Stripe Algolia and AWS and FreeFi why I decided to use is that make it simpler to integrate to get the complex feature like authentication user management and payment and manage subscription if we build headless WordPress site we have to integrate or build J's function by the server like using the PostgreSQL or MySQL because we can't use WordPress function and WordPress it's hard to use the WordPress database but if we use good SaaS or the good cloud infrastructure we can they're providing the useful SDK like AWS Amplify providing the SDK for the authentication and Stripe providing the good web hook and good no-call too so we can make it easier and I realize we can use the the user database and each use case if we build a membership site only using the WordPress we have to store the error user data in the W user table but if we use external IDP service like Cognito or Octa or the SPA base we can split the use case so the W user is only for modifier or admin and visitor like a subscriber or member only storing the data in the Cognito or like that so it make it safety and easy to maintain so this is my example my this is my page of the headless site so the user management and renewing the subscription we use only called 3 or 4 API from the Amazon headless amplifier or Stripe so using the external API is really helpful and increase and reduce the friction about building the website so let's look at the last year I'm strongly curious about the AI AI have you ever tried open AI or cloud like that wow I really like to use open AI so if you curious about building the AI application please visit this URL platform.openai.com we can get the API key and create custom integrations so my strongly curious point is machine learning model and large language model as the API service it's really helpful to me because I'm not unfamiliar about machine learning technology and LLM like that I just want the API and good news for all of JavaScript developer and Python developer we can use for the framework for LLM the name is long chain we can manage and orchestrate LLM the API call and sometimes we have to call the multiple API requests to the complete tasks for example this is a POC of my blog when I put the question in language the long chain search my blog post and summarize the answer and this is a sequence when I publish the post the WordPress called my API to process the post data into the AI the open AI API convert my text content to the vector data and the store in the vector store in the cloudflare vectorize or the source and if user put the question the javascript application called Node-AJS API and convert the question to the vector data and searching the vector store and finally the open AI GPT-4 create the answer based on the search result this is a simple call snippet to index the data and I'm creating the WP API and the convert the each content to the other document called by the long chain and the final the final lines for other documents so the create or update index and today I'm happy to announce my new example application as an open source and the collaboration between world camp and LLM so the visit world camp hyphen azure hyphen lag I'm sorry that's a link so long but you can visit this link you can ask about all of the session of this world camp and if you curious about the source code you can visit the top of the link you can read my javascript so what LLM and the open AI long chain link to me is changed my role of my blog post before the currently our blog post is a dev blog post but getting the power of the LLM I can create I can convert the website to the knowledge base so that I can ask me about what I did two years ago or like something asking about my past challenge or someone don't have to send the DM to me just asking the AI assistant so in this year I want to try to create convert my blog post to the knowledge base and I realize the data model is close to the CQRS the command query responsibility regression because the I or some writer writing the content and insert the data from the WP admin and the back end sending the post data for the external various database full text search vector store or no SQL database or like that we can optimize the search query or the calling the API more efficiency because the full text search is powerful search functionality and using the vector store we can create a recommendation or the LLM application and also like that and based on the CQRS we can distribute multiple way to distribute the content not only web application native application and chat application and finally the voice application so we can publish my content for the various way from now and additionally I realize using the hardware technology we can easy to renew the front end because the front end application just fetching the data through the WP API so we can create multiple application and just switching the DGNs record or deploy destination so we don't have to prepare the token container or the background or like that just run the npm run dev or npm start it's very comfortable to me and I'd like to talk about three more use case about headless WordPress I already talking about the Omni channel distribution the second one is the minimize impact sometimes WordPress make a failure by the various reason update the plugin or the disk full or the attack or like that in case of the headless WordPress the website is getting the 500 error but in case of the headless WordPress site depend on the next JS application we can keep partially showing the content because the next JS application of calling the fetching the data through the WP API but once we add error handling in the next JS application the website of course we can't see the content data because the WordPress is down but the layout and the user experience are live that's the difference of the CDN and the server is front end and the second one I only remain the five minutes older because we're about to see the figure matter react from now several designs have a functionality to convert each design data for the HTML or the react data sometimes people try to create a WordPress theme just create a static HTML and the WordPress to be a WordPress theme but we have to thinking about many condition and many blockers like is this static HTML support template tag or thinking about default CSS provide WordPress core or like a block good and bad and is it possible to use it as a custom block or a default block so my friend told me the alternative way using the Astro is the famous JavaScript framework it's really close to writing the WordPress theme so React is useful but hard to get start for the non-Java developer so it looks close to the simple HTML5 and also including also writing a PHP code like a JavaScript so similar style coding the themes and it's good to build so if we convert the design data as a static HTML we just convert the HTML to the Astro website it's low friction and if you want to I and my friend talking about it's a good way to build new style full scratch WordPress because the full scratch theme I believe not unfamiliar about block theme or full site editing so we want to keep to build this way possibly Astro and WPAPI helps you to keep this work close and finally this is I believe the enterprise use case microservice okay sometimes many people want to write or adding the data from the various way it's good for writing the story and blog for the long form content but someone customer support want to get the testimonial they want to use a Google form or any form service and store the data in the headless CMS or the Google sheet and the developer want to create API documentation using the PHP talk or the type talk so as a result many people we have to maintain the CMS or the building tool or the microsite so like a Gatsby we can organize or combine this data and the Noelle said it's like a composable so the API and the blog might help to build a composable content for example my personal portfolio site importing the multiple data source like WordPress, micro CMS is one of the famous Japanese headless CMS and importing the plugin or the library data from the NPM or WordPress all that and finally I want to tell you one important thing I'm talking about how JavaScript useful but keep in mind PHP is not going away because in my experience the headless WordPress is good for me but I want to say we should not use headless WordPress in those projects smaller budget case or the Noelle JavaScript expert and always stage start-up and small development team or the maintenance team and of course if you have many or the strong WordPress expert please use the blockchain at first but the goal of making the WordPress site is get success for your business so don't struggle about what tool do you want to prefer keep asking why do you want to build a website as a headless or full site so my conclusion so I finally submit home work and headless WordPress is a really good use case and effective way to distribute the content but of course the building WordPress by PHP or the monolith WordPress is also reasonable so please keep mind what do you want get achieved by slow building WordPress site so okay I only one more thing in my experience running the new content is the new new point of view and the new perspective so before I start to learn what WPAPI I only know about seeing, struggling and writing content or SEO like that but for now the slow WPAPI I get is a very various way so I want to say I want to quote the famous word connecting the thought so please put the many thoughts regarding my your curiosity and please connect your interest or your network in the world camp or let's I would like to keep talking with you after party and afternoon thank you for your thank you thank you so much for your presentation alright we have some time for Q&A so if you have a question then now is your time you can be first if not I'm gonna be first final call? no? so you talked about a few frameworks is there a specific one that you would recommend for someone trying headless for the very first time with WordPress if you're not unfamiliar about the JavaScript or if you want to get start to learn the JavaScript I believe the Astro is a good starting point and if you're well-known about React or building the enterprise application the next JS or the remix might help you improve your workflow awesome thank you anyone else with a question viewers at home you can't used to be in here yep I see a hand raised yeah my gran was faster than me very good thank you okay what is your current most favorite stack sorry most favorite stack like with press with the JS or any other your favorite my most favorite framework or open source is of course WordPress and second one is a long chain because I'm really exciting to build the application from now so that's my answer the off WordPress long chain or the next JS but I'm not unfamiliar about the from now all right do we have any more hands yes in the front great talk by the way for the folks listening later for the playback and the folks at home for those who work predominantly with the monolithic WordPress what would you say is the piece of advice and how to like start getting started with headless if you're curious or like any resources they can like get started with headless and transition into using headless WordPress you mean your question is what's the point we we can start discuss to migrate and what resources could you point them to to get started to learn headless that's a good question I want to look back my presentation I think if if you're a company with your project get so many data source or the CMS not only WordPress and if you want to unify the data in the single domain I think it's time to thinking about building the headless WordPress or the if you're curious about the D3JS or creating the awesome the web animation the JavaScript help you more effective and is there a specific site where they can learn more about this the good learning site is from now the Next.js website publishing the long form tutorial to building the Next.js application and also they providing the example to get the data from the WordPress so someone say the uprouter is complex and how to learn but the document is very kindly so from now the Next.js is a good starting point I believe and thank you for coming the Japanese guys it's hard to read the English content as well as the Japanese version all right I think we have time for one more question there's some competition for the last question so maybe if we make it quick we can squeeze in another one okay you have connecting to many dots right so basically people create a website using WordPress because they are concerned and making it's timing concern and timeline concern for building one website very quick if we do a headless technology with many dots because I can see a lot of technology inside what is the average a project timeline that you have done before the average mean sorry for that I apologize about my narrow English everything English case yeah can you quickly repeat that just say about timelines for the one projects you know how much you know how long you use the time for that using the headless technology to create websites for now each one year because usually I renew my personal website frequency by each year and I try to new things try to new dots like Superbase or LLM for the business I I don't use headless technology for the mass I prefer to use full site themes or the use for WordPress theme and hosting on the reliable WordPress hosting company because it's complex alright so next year we want to learn from you how long it took you to do it alright I think we've come up on time so thank you very much for your questions if you have any other questions please find Hideo later at the Worldcamp but before we let you leave the stage there's a little thank you from the organizing team thank you thank you very much for your presentation I have a I have a few announcements to make and I have to grab my phone because I always get nervous when I'm up here but the most important one is about today's lunch the organizing team asked me to tell you that the lunch today was supposed to be gluten free unfortunately it turned out that it was not so if that causes a problem for you then please find the organizing team at the registration desk and they will do anything in their power to help you so if that applies to you please go to registration desk and report there after this serious note there's also good news because we have some time between sessions so I'll let you leave the room for a little bit but I expect you back for the afternoon this is just enough time to visit our amazing sponsors they're both next door and upstairs so make sure that you grab their swag that you have those conversations they make this event possible and of course if you pass by the swag station on your way to the sponsors make sure you grab your word camp swag as well if you haven't already then after our little break we'll be back here with three presentations by Jacqueline, Alex and Nada so see you in about 20 minutes just under hey everyone welcome to track 4 you are here for the previous session you already know what I'm going to say now because I'm going to ask you to please scoot together a little bit because we have people coming in late and it's nicer if they can sit on the outside so come sit together scoot in a bit make sure that we have a nice filled center area it looks nice on pictures as well so that's what I'd like you to do and then if you sit next to someone over there well that's what word camps are for so this is your unique opportunity to make some new friends to introduce yourself and maybe find your new business partner so go say hi to each other don't be a stranger and we'll be back for our next talk in a couple of minutes alright welcome everyone to the last block of today this is well okay there's some guy we'll be back stage later on but of course you're here for the lightning talks this session because that's way more fun don't tell him I said oops live stream okay anyway we're going to have three lightning talks back to back the sad news is there won't be a Q&A for them the good news is they're gonna be here after their presentations today in the hallway or at the after party tonight because tonight at 7 we feast and we feast if you bring your badge because that's the only way to get into the after party venue so make sure that you're there starting at 7 bring your badge because it's gonna be an epic party I've been told if you want to dress up so the theme for this party is spring so bring your springiest outfit I'm not sure what that looks like but I'm curious to see it tonight so we'll have a few people join late because they're still in the hallway they haven't paid attention but we also have two minutes to go so before we close everything down we have some time if you missed the announcement before and there's something that the organizing team asked me to tell you because today's lunch was supposed to be gluten free unfortunately that was not the case so if that causes a problem for you please find the organizing team and they will do everything in their power to help you if that's not a problem then I hope lunch was really good well either way actually so I was going to say visit the sponsors but hey you can't go anywhere because you're with us this afternoon so please don't please stay here because we're about to get ready for the first of three presentations and let me start my introduction yeah there's some people coming in yes you can if you're in a seat please scoot in come on a little bit to the middle because that's nice for photographers it means that they can get photos of nicely filled rooms it's also nice because you meet new people so scoot in a little bit and then people who are coming in late don't have to stand on the side but they can move over because we have a lot of empty chairs on this side so don't be hesitant please find yourself a chair it's way more comfortable because we have 30 minutes of amazing content so you can't leave before the end alright it is 2 o'clock so that means that we're getting started and when you say someone built their first websites in Dreamweaver front page it says something about the time they've been around on the internet but it wasn't until 2013 that Jacqueline started blogging on WordPress she started learning about machine learning back in 2011 and is implementing her knowledge in the product she's working on at automatic today she's joining us in the city she lives in to share her expertise on AI and WooCommerce so please welcome to the stage Jacqueline thank you for the intro taco and thanks everyone for coming to the talk today I'm going to talk about how we can use AI to enhance the WooCommerce management experience this is the outline of the talk I'll start with a quick intro followed by a few demos of the AI features on my team and other teams that automatic have worked on then I'll conclude the talk by sharing a few thoughts about the future just a brief intro about myself I've been an iOS developer for 10 years and I love building products that are useful in the past four years I've been focusing on the WooCommerce iOS app nowadays I'm based in the same city as work in Asia this year and for anyone who comes from abroad welcome and I hope you're enjoying your time in Taiwan now I'm going to dive in the first AI feature about product creation creating a product can be a time-consuming task it requires lots of manual entries by picking tags and categories some entries also require expertise for the product to be optimized for SEO and sales since AI models were trained on a large amount of online data including e-commerce stores you can make educated guesses about a set of product details this feature is available for WordPress.com and WooWePress stores in the web and the mobile apps to take one step further in the product creation process we can also just provide a product image without any text input this feature is available for WordPress.com and WooWePress stores in the mobile apps using Apple's Vision API it scans the text in the product photo and it generates the same set of product details it takes all the text in the product packaging photo into account and sometimes it can discover details that are easy to miss with OpenAI's latest Vision API it also enables taking any product photos without any text to generate product details in the future now I'm going to share one example of how we can use AI to write marketing copy when sharing a product in a store the merchant usually has to prepare a different message from the product description to tailor for social media like a catchy paragraph with hashtags by providing the information of the product with optional details to AI it can generate a marketing message with optional tweaking to share on social media this feature is available for WordPress.com and WooWePress stores in the mobile apps next I'm going to show how AI can help with product images for a lot of visual shoppers what a product images look like can be a big factor of whether they purchase a product or not it is a common practice to remove the background for a clean look this background removal feature is available for WordPress.com and WooWePress stores in WPM in my past experiments with Apple's Vision API we can also apply background filters it detects the objects in the product photo and it only applies the effects to the background another interesting background effect is to highlight a subset of objects in the photo by the tap gesture and it can be helpful for variable products showcasing different variations the next level of image effects is to replace the background of the product image this can be helpful for a consistent thing throughout the store or just to create a more fitting background for the product as you can see on the left hand side this is the original image and it has a messy background by providing a prompt about the background that we desire it can replace the background right away as in the image in the middle it looks pretty realistic with the sharp salmon and salad edges and the overlap between the table cloth and the plate as you can see on the right hand side the quality might sometimes not be the best like the wooden table looks a lot unnatural after showing a few examples for individual products now I'm going to talk about store creation for new merchants who are just starting a store creating a store from scratch can be intimidating in this feature that other web teams that automatic have worked on for who we spread stores specify a description of their store and some sell options to start the description of the store can be a list of highlights about the store and the merchant can specify how the store might look like and the writing style of the content in their store after that it will output a functional newcomer store with a few stock images and products now that I have shared all the examples for this talk I just wanted to share a few thoughts about the future first, in the AI models that we experimented with there is still some room to reach a high reliability and quality for example the response will sometimes return in a different format from what was specified in the prompt however, I think it's just a matter of time for the community and industry to get there the next focus area is to utilize AI's training for a large amount of online e-commerce data to help a store with content, analysis and research the first direction is on content generation where we can use AI to generate text and images for various places in the store beyond the examples in the store in this talk the second direction is to provide information about the store in the merchant can ask any questions about the store like stats or to perform basic store operations additionally I think AI can be very helpful for market research similar to the example we shared earlier AI can further help us with keyword research when creating a product price can also be an interesting part because it can be challenging to optimize it manually if a product's price can be kept up to date to boost sales but also maintain a balance for the overall sales of the store it can contribute to a store's success lastly, when AI models can better take in live data marketing strategies from the AI can be very helpful for merchants without a lot of marketing experience in summary the future could be how we utilize knowledge from its training to offer a great user experience that integrates with the store management seamlessly that was the end of my talk thanks so much for listening thank you very much for joining us today I have to walk around you a little bit because I hit a secret look, here it is because the organizers asked me to give you this little gift so thank you very much for your presentation thank you Taco see you at the after party tonight we immediately continue with our next speaker but if you just came into the room run over there, find yourself a seat because you have one minute so make sure that you find yourself a seat it's way more comfortable than standing on the side alright, our next speaker is coming all the way from Vienna he's here to talk about languages his WordPress career started in 2005 with WordPress 1.5 and for those who don't know that's the version that added pages to WordPress so today Alex is sponsored by automatic to work on the polyglots team and the meta team and he's the creator of Translate Live if you're interested in the Fediverse please make sure to talk to him as well because he has tons of wisdom to share on that topic but right now he's going to focus on his biggest improvement in translating WordPress in the last couple of years Translate Live so please give it up for Alex Kirk thank you Taco alright today I'm going to talk about Translate Live and Translating WordPress so Translate WordPress mostly means contributing translations to the WordPress project from English to your language that you speak you can Translate WordPress core plugins and themes and for many this is the first step into contributing to WordPress it happens at translatethewordpress.org and there is an introductionary handbook the polyglots handbook so this is what translation into environment typically looks like you have the translations on the right the English text on the left and the status of the translations is highlighted through a colored background and when you enter a translation you've got a translation field a text box there is some metadata there might be a suggestion from the translation memory and but this is how you would get started so first you would think what am I translating so the screen can be a bit overwhelming but here you can see that we are translating a plugin which is called friends and the first thing that you're supposed to translate is this string checking URL so which URL and why should we translate these the plugin is called friends but it's about URLs so that's a bit confusing why is that so by default the sorting of the strings comes from the priority of the strings developer can specify how important the string might be but the reality is that most people don't do that so the next thing that it's sorted by is date added when the string was added so if a plugin is active new strings enter the plugin all the time so the most recent update would have added some strings and those are that you see in the top so what would be better here you can see I found a way to show strings that seem more useful so the first string would be welcome to the friends plugin probably that's what the people see first so how did I do that on one hand you can enter a search term and magically I found out that here you could specify welcome.php and use the final name in source as the sorting criteria who would know that and it doesn't work for all plugins like they have different things that you need to specify so can we do this differently so just recapping the typical translation environment means that you often start to translate somewhere in the middle you're missing the context you don't know is this string a headline a button it makes a difference in different languages but the good thing about the typical environment is that there is all sorts of tools so for example we've got comments and discussions and history there's placeholder highlighting, warnings there's a glossary where you are hinted to how to translate typical terms you get a translation to other languages which could be useful if your language is similar to another language and we've got translation memory and machine translation there and the community created browser extension slideplot.dict which is a translation especially for validators much more convenient so I'm suggesting to use translate live it's a hands-on approach and I will show shortly what it means it's built on WordPress playground and it runs WordPress and a plugin or a theme in your browser and in addition it provides inline translation through something that we call localglopress and when you're finished with translating you can submit it at localglopress.org so you can visually see the current translation state of a plugin using translate live you can add new translations and modify existing ones you can try translations without submitting them yet so you can experiment with translations without that being exposed we've integrated several tools for example placeholders, warnings and glossary and machine translation so this is what it looks like it's full of colors but the colors mean something so first you would click the right text add the red text with the right click and you would get this pop-up there's green text which means it's already translated yellow text means it's waiting non-highlighted text means it's not part of the plugin here you can see that there's a glossary term highlighted and we've got placeholder checks furthermore you would save the translation with this button you can query the machine translation and it will automatically ask for glossary terms you can modify the query and query again and copy the suggestion and modify it before saving so a short demo this is a recording it's live, this is how your press starts in the playground and you can see there's text that I can translate and I don't speak Chinese so I've used machine translation and I hope it's kind of okay but it serves the demo to show you how you can transform your interface from English into your local language so typically you would either enter your own translation or you would use machine translation you can see that the query to open your eye here is modified using the glossary terms so let's go ahead and translate some more and as you can see it can sometimes happen that the placeholders aren't submitted so what you can do, you can modify your query and say please make sure to include those placeholders and ask it again and then it made a better approach the next time so let's quickly speed it up and do some more translations more to be done and as you can see gradually you're transforming the interface from original English to your language and it also means that you're translating the things first that you see first and that works for any plugin and now if we can switch it off so that you can now see what the screen is like so how do you access translate live? it's very easy, on every plugin or theme page there is a translate live link to download the plugin in your browser so some things about translate live that are important to know so it's very quick to get started it works without a wordpress.org account if you do that you just download a PO file when you're finished it's very visual as you just saw and it's good for translating a theme to a new language from scratch or to modify existing translations and improve them with translated items in context and you know some languages are shorter or longer you can immediately check if it works for there good to know, don't forget to submit the idea is to try it but also you can throw it away accidentally if you don't save so submit it there's a button at the bottom and also if you have a very complete translation of a plugin it might not be the best tool then it can be hard to spot that final missing string that you want to translate so use the table view for that and also the performance depends on your computer and speed is like 7 megabyte initial download and it is cached so the next time you try it it goes loads faster but just keep that in mind there's some things that can still be improved it's hit and miss you saw that sometimes English text is not recognized there was this gray box in the demo that didn't work some plugins can be slow some plugins before you can really use them they require a setup so what to do about that and other plugins are sometimes needed to actually run this plugin so I can have a recommendation here for plugin developers there's a new plugin preview feature where you provide a blueprint in your plugin and there's this URL where you can find everything about it and translate live will use that same blueprint to boot up the plugin into a state where you can start translating right away so a summary it's an easy way to get new translation started it's accessible for all plugins and the local WordPress that actually is powering this will be shipped in WordPress 5.0 so you can actually use that on your own WordPress coming forward thank you this is the first time I've been in a track with three lighting talks where at least two out of three were exactly on time so really well done okay let me do my little trick again because I've been hiding stash here and of course this is for you as well thank you so much for your presentation and I'm curious here in the room who has ever translated something for WordPress who's gonna use this I mean I definitely am this is absolutely fantastic thank you Alex again we have a few people coming in so please find yourself a seat there's some seats available on that side make sure you don't have to stand because otherwise this final session is gonna blow you away and that will give a mess so find yourself a seat make sure that you're ready okay let me click this and then switch I told you I need my notes otherwise I get nervous so um and we have plenty of time so I can talk a little bit that's fine I see some people coming in if you're standing over there please find yourself a seat unless you're a photographer because in that case you probably need to roam around alright so are you ready for the final presentation in track 4 of wordcamp asia 2024 that's more like it that's the energy we're looking for on a Saturday afternoon alright so the next speaker is joining us from Cairo Egypt she's a senior marketing manager at go daddy and this is her first time speaking on the wordcamp stage um our speaker speaks three and a half languages three and a half languages three and a half languages I'm not entirely sure how translate life works with half languages but we'll figure that out um but she's been a meetup organizer for the wordpress meetup for arabic speakers for a while now and today she's staring her story and helping us start a meetup so please put your hands together for nada hello you have attended a meetup a wordpress meetup in the past six months okay how many of you have organized one in the past six months let's applaud them please it's hard I do speak three and a half languages and I've lived in four cities around the world and this has pushed me to get out of my way and out of my comfort zone to meet new people to make friends and although I've been using wordpress for five years I'm not going to tell you how old I am but I attended my first ever word camp in March 2023 in Bangkok and this was my um entry point into the word camp or the meetup communities of wordpress I haven't had an idea before that day how amazing that community is and since I'm an Arabic speaker and there are more than 300 million Arabic speakers around the world I went online and I googled the meetups and wordpress related content in Arabic and I found that there's a huge gap where there's very very little content online of wordpress in Arabic so what did I do I started reaching out to the existing organizers and I realized that ever since covid most of them had either stopped or have just taken a step back and decided that they will not be doing any more meetups they got busy with their lives so I said you know what I'm going to start one I think it's worth it and that's what I did and ever since then we have had four online meetups and one hybrid meetup where we had live recording but also a few people have attended offline and we have had a growing community of over 100 members across the world but you might be asking yourself how can I start my own meetup you don't need to have like an official wordpress meetup to call it a meetup any get together of wordpress enthusiast is a meetup but if you are interested in creating an official one here's what you have to do first thing is check if there's an active wordpress meetup you can reach out to the organizer and ask them if you can co-organize with them or you want to volunteer or help them around I'm sure they'll appreciate it if you can't find one that you're inactive anymore you can fill out the meetup interest form it's in central.worthcamps.org or if you already organized a meetup that is not official and you want to move it to the chapter program you can still do that through the also the central.worthcamps.org now what are the benefits that you get when you join that program the chapter program there's going to be a streamed line on the wordpress.tv you also get wordpress swag for the attendees you get the support to cover costs like rental which can be sometimes costly and in general you get a lot of support that you need now now that you have your meetup setup you filled out the forms, you have everything ready that's the hardest part the pre-meetup planning today I start planning for the meetup maybe three or four weeks ahead and personally the hardest part is finding qualified speakers who want to dedicate their time to speak sometimes they would ghost you or sometimes they would just decline politely but if you find a qualified speaker you start talking with them ask them like the topics that they would like to talk about that they're comfortable with but also think about it from an AT&T perspective if you are an AT&T would you want to attend this meetup or not and based on that you get to agree on a topic and then coordinating a time, date, venue can also be a daunting experience because is it a week day is it a week end are people going to come are people not going to come so this is also a big part of the pre-planning phase and then once you have all the details lined up now you start working on the creation of the event page the description creating some marketing materials posting everywhere and anywhere, sometimes I even get my friends and family to post about it tell everyone please and then maybe a few days before the meetup itself I have a chat with the speaker make sure that their content is the content is well written the journey is smooth and seamless and that they're comfortable with the meetup itself and then during and post the event interaction and communication is super important so I make sure that I record the session and then post it or do a live stream sometimes and then send a post survey post meetup survey to get to gather feedback from the audience so ask them are they happy with the topic are they happy with the speaker would they want to come back and listen to the same speaker are they interested in more beginner topics or more intermediate or more professional topics what I did was that I started with very tech savvy topics and I realized that this is not what people want to hear people want to know the basics the basics of the basics things that you might think are very very easy they might not know and then finally sending a thank you note to the speaker and keeping a communication or a relationship with them is also very important so that when you need them to come back and speak you can always do that now that we talked about how to set up a meetup how to plan pre the meetup how to engage with the audience during the meetup and after the meetup we asked some of you on x twitter here what are the highs and lows what are the challenges that you might face but also what are the good parts about being a meetup organizer or an attendee and here are some answers is anyone anyone here from the answers hi taco so most of the answers that we got on the highs were people who were happy that someone showed up and participated people who came on from world like from across the world this was something that I also experienced because most of my meetups are online so I'm so happy to see that people from all across the world show up to the meetup and then also the connections that you make I know that someone wrote that he found a job through some of the the people that he met in a meetup meeting amazing people and taco had a great meetup with over a hundred attendees and a great presentation but it's not all rainbows and butterflies there are also some challenges that come with setting your meetup what are those challenges one a lot of the times members don't want to help with organizing a meetup also finding stable venues can be a little bit hard also finding speakers in new topics and this is one thing that I really struggled with finding speakers I think you struggle with finding new topics when you have had the same meetup for a very very long time you feel like you've gone through everything and there's nothing new to talk about but also after post COVID everyone is just they want to be on zoom and there's no face-to-face engagement anymore and that's something that a lot of people talked about people RSVP and don't show up tell me about it participation even in the most lucrative meetups is also something that people suffer from so I want to wrap this up and say that if you're one of the attendees here today and have never been to a meetup go online look up a meetup in your region in your city in your town and try to attend or if there are online meetups RSVP and attend if you don't think that the topics are interesting feel free to reach out to the organizers and talk with them maybe you can even be a speaker and if you're an Arabic speaker or you know of an Arabic speaker please tell them to join my meetup and then we've already launched the 2024 meetups and we have a series coming up of five very very basic WordPress topics and hopefully within the next two to five years we'll be able to organize the word camp thank you so much that's amazing before you leave the stage there's a little present from the organizers again so I have to do my little dance here we go okay and as well for you thank you so much for your presentation and I hope we had some Arabic speakers in the room today so before you all leave I've been an emcee before and there's one thing that I always do so please don't leave because every single time my mom doesn't believe I'm on a stage so what we have to do is do a selfie make it look fun alright thank you very much she's gonna appreciate that alright we have a little break then at 3.30 we have a Q&A with a guy named Matt Malawak you may have heard of him he has some interesting things to say if you ask the interesting questions so make sure you go there and then at 7.00 tonight we have the after party it's spring themed so come in your spring outfit and do not forget your badge let's have fun in these last few hours of word camp asia 2024 and I hope to see you all again good old wear