In this video, I will be showing you how to create a Sveltekit blog using WordPress as the headless CMS. We will be fixing the blog post URL to a SEO friendly slug using post slug provided by WordPress API. Code: https://github.com/sharu725/sveltekit-wordpress-headless Install WordPress in local: https://bitnami.com/stack/wordpress/installer Playlist: https://www.youtube.com/playlist?list=PLm_Qt4aKpfKjNYwZoV_ht3LbXQwldfEMY ====================================== ? Follow me - @webjeda ? Visit my website - https://webjeda.com ======================================= #sveltekit #wordpress #blog #svelte #api #cms ... https://www.youtube.com/watch?v=bZ6NCKxkGkU

1. Web developer friendly I'm a web developer and I like HTML, CSS, and JavaScript. To be honest, I never really liked any JS framework before because they asked me to learn something new. Sometimes new syntax, sometimes new ways to use the markup so on and so forth. I'm ok to learn new things but I did not dig deep into any of them because they felt like a deviation from the regular HTML, CSS, and JavaScript that I used everyday. Eventually, I had to take up React for a project to which I was been a part from a long time. It was kind of forced on to me but I started liking it. I understood the true productivity and simplicity that can be obtained from a JavaScript framework. But, I did not like how React uses JSX or HTML inside JavaScript. That always felt wrong to me. Along with all these, I was also trying to learn Vuejs which seemed more like HTML and less like JSX. I still love Vue for the fact that you can just put a script tag in any HTML app and you can start using Vue. Which is fantastic. This is exacly how we add a Javascript plugin to HTML. Let's say you are designing a homepage and you want a carousel or slider, you just go to slick carousel page, get the script tag and use it on your website with some initializations. That's it. You can start using it. In that way Vue was revolutionary. For me at least. I was still into Vue until I watched "Rethinking Reactivity" video on youtube. I'm not sure how I ended up watching that video but I'm glad I watched it. I still watch it time to time to understand the Genius of Rich Harris. How he looked at these JS frameworks in a different angle and utilized compiler instead of the browser to handle all the logic. And also, How he found a way to truly reactify elements without DOM diffing where you change something in Virtual DOM and compare it with the actual DOM. And then update the difference to the actual DOM. And in that way - since svelte is truly reactive - he got rid of Virtual DOM completely which is radically different from other frameworks. Because the other frameworks still use Virual DOM which is an overhead. So Sveltejs was mind blowing for me because finally I found this JavaScript framework that isn't difficult to learn, it uses less number of code to achieve the same thing and the most important of all, spits out a tiny JS file which doesn't need any Runtime environment to run. That should be enough to be excited about svelte but there are other things I like about Svelte 2. You can just write HTML Svelte is a superset of HTML. I feel like it is HTML but with a lot of enhancements. Even a paragraph tag works, just like any html file. Creating components and using them is easy. 3. Scoped style Css is localized to a component, doesn't affect other components. It solve ... https://www.youtube.com/watch?v=wY6unLTuMsU

Update: It isn't working at the moment but it will be fixed. Follow the instructions. Instructions: https://github.com/svelte-add/tailwindcss/issues/42#issuecomment-835858863 In this video I will be showing how to add Tailwind CSS to a Svelte kit app. Tailwind and Svelte works really well together but setting it up along with Purge is a pain. There is an easy solution for the same. I have explained it in the video. ? Follow me - https://twitter.com/webjeda ? Visit my website - https://blog.webjeda.com Svelte Add: https://github.com/svelte-add/svelte-add Svelte Kit: https://kit.svelte.dev/ #sveltekit #tailwind ... https://www.youtube.com/watch?v=_bViHP-Utxw

In this video we will learn how to integrate google forms in Sveltekit to get response from our custom form. In this SvelteKit Walkthrough series we will be learning Sveltekit by doing a small project. We will be creating a website similar to this one - https://business-frontpage.webjeda.com/ Google Prefilled link article: https://webjeda.com/blog/google-pre-filled-forms The code for the completed project is here - https://github.com/sharu725/sveltekit-walkthrough-website ? Follow me - https://www.twitter.com/@webjeda ? Visit my website - https://blog.webjeda.com #sveltekit #form ... https://www.youtube.com/watch?v=4XCGuchFiac