In this video I will be talking about Sveltekit. What is Sveltekit? How to create pages in sveltekit? How to create layouts in Sveltekit? How to create components in Sveltekit? 0:00 Introduction 0:52 Sveltekit Installation 3:02 Sveltekit File Structure 4:28 Creating Pages in Sveltekit 7:12 Creating Layouts in Sveltekit 9:05 Creating a component in Sveltekit Part 2: https://youtu.be/rW3-mR6Odvk ? Follow me - https://www.twitter.com/@webjeda ? Visit my website - https://blog.webjeda.com Transcript: Hi guys welcome to Webjeda. In this one I am going to talk about Svelte Kit. so Svelte Kit is a framework for developing websites using svelte. Now it's very similar to Next or Nuxt, which are there for React and Vue. It's a hybrid where you can have SSG and SSR sometimes together. You don't need to know what they are but just remember that Svelte kit is a fantastic tool for developing websites. Now SvelteKit is still in development but it's pretty much ready to be explored um so that's what we are going to do now. In this one we are going to build a blog actually but before that I will introduce some of the basics. All right, let's get to it. Now the first thing is we have to install it and there are directions to install i think, yeah i'm gonna follow this now here i'll open a terminal and maybe zoom in Now i'm gonna initialize npm init svelte@next svelte at next and then you can choose the folder you want. I'll do something like sveltekit-blog or basic or something. . . . So i think uh you have understood how to create pages how to create a layout and how to have components and import them and use it and use it anywhere you want in the next one however i will show you how dynamic routes are done um eventually i will show you how a block can be built thanks bye. Svelte Playlist: https://www.youtube.com/playlist?list=PLm_Qt4aKpfKi7J6Jc2OR7YLz1hEhC_4Mc Svelte Shopping cart: https://www.youtube.com/playlist?list=PLm_Qt4aKpfKgN-CKxJaLcfcTkpU_vjqQO #sveltekit #svelte ... https://www.youtube.com/watch?v=Gtg4yG8Bhcs

In this video I will be showing how to have Firebase Authentication in Sveltekit. Playlist: https://www.youtube.com/playlist?list=PLm_Qt4aKpfKhEzGutYRnqBOBgJ6WayTVg ? Follow me - https://twitter.com/webjeda ? Visit my website - https://blog.webjeda.com #sveltekit #firebase #auth ... https://www.youtube.com/watch?v=XIiOhorRwUg

Read: https://blog.webjeda.com/create-jekyll-blog/ Support my channel: https://www.paypal.me/webjeda [No CLI used] In this video, I'm creating a beautiful Jekyll blog on Github Pages. In the previous videos, I have shown 1. How to how to create a website using Github Pages. 2. How to host them on Github Pages using gh-pages branch. 3. How to add a custom domain or URL to the website hosted on Github. 4. How to add a subdomain to a website hosted on Github Pages. Here is the playlist: https://www.youtube.com/playlist?list=PLm_Qt4aKpfKijgP0rDH7FSJOlS9IBGbT1 This is the 4th video showing how you can blog on Github Pages. This is fairly easy when compared to all other things I showed in my previous videos. Blog I will be creating: http://redgadget.github.io/emerald/ Websites I referred to in the video- Jekyll Themes: http://jekyll-themes.com Colors: www.flatuicolorpicker.com Repository I copied the jykyll theme files from: https://github.com/KingFelix/emerald Thanks to: http://www.jacoporabolini.com/ for creating Emerald theme. Key Notes: 1. If you are not able to create the blog or your blog is missing CSS files(which is pretty common), you may have to change the baseurl in _config.yml file properly. 2. If there is a CNAME file already present when you forked a repository, please delete the file or the contents inside it. Otherwise, it may redirect you to a different website. 3. Every time you make a change in the forked repository, please wait until the change shows up in the website. Jekyll takes a moment to generate static pages. 4. If there is any error in building page, Github sends a mail to the email you have used while signing up. Read it to see what went wrong. If nothing works, comment here. I will try to fix it for you. I will be updating more videos on how to add a comment section, google analytics, adsense and more to a Jekyll blog. Subscribe to get the updates. Happy Blogging * No CLI or Terminal * Only HTML coding Web Development blog: http://blog.webjeda.com Read: http://blog.webjeda.com/create-jekyll-blog/ Facebook page: https://www.facebook.com/webjeda/ Note: These videos are more focused on web designers and developers. #jekyll #githubpages #tutorial #blog ... https://www.youtube.com/watch?v=U0idtvxVo9I

In this video I will be showing you how to add tags to a Sveltekit markdown blog. Playlist: https://www.youtube.com/playlist?list=PLm_Qt4aKpfKgonq1zwaCS6kOD-nbOKx7V ? Follow me - https://twitter.com/webjeda ? Visit my website - https://blog.webjeda.com #sveltekit #markdown #blog #tags ... https://www.youtube.com/watch?v=tyn1MqB1J-Y