<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>wweb.dev</title>
        <link>https://wweb.dev</link>
        <description>Stay up to date with weekly updates, get resources for next project and read articles and tutorials about web development.</description>
        <lastBuildDate>Wed, 20 Aug 2025 08:59:01 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>Feed for Node.js</generator>
        <image>
            <title>wweb.dev</title>
            <url>https://wweb.dev/logo-text.png</url>
            <link>https://wweb.dev</link>
        </image>
        <copyright>All rights reserved 2025, wweb.dev</copyright>
        <item>
            <title><![CDATA[A Guide To Self-Hosting Web Apps On Ubuntu Servers]]></title>
            <link>https://wweb.dev/blog/guide-self-hosting-web-apps-on-ubuntu</link>
            <guid>https://wweb.dev/blog/guide-self-hosting-web-apps-on-ubuntu</guid>
            <pubDate>Thu, 09 Nov 2023 23:00:00 GMT</pubDate>
            <description><![CDATA[In this article, I will share a step-by-step guide on how to deploy and serve a web app to an ubuntu server. This applicable for any web app that runs on a port.]]></description>
            <content:encoded><![CDATA[In this article, I will share a step-by-step guide on how to deploy and serve a web app to an ubuntu server. This applicable for any web app that runs on a port.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Pure CSS Loader Generator]]></title>
            <link>https://wweb.dev/resources/loader-generator</link>
            <guid>https://wweb.dev/resources/loader-generator</guid>
            <pubDate>Mon, 06 Mar 2023 23:00:00 GMT</pubDate>
            <description><![CDATA[A code generator that helps you to create simple CSS spinners. You can choose between four different types of CSS spinners and customize them by adjusting the settings.]]></description>
            <content:encoded><![CDATA[A code generator that helps you to create simple CSS spinners. You can choose between four different types of CSS spinners and customize them by adjusting the settings.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Coding your own AI in 2023 with fastai]]></title>
            <link>https://wweb.dev/blog/coding-your-own-ai-2023-with-fastai</link>
            <guid>https://wweb.dev/blog/coding-your-own-ai-2023-with-fastai</guid>
            <pubDate>Sun, 26 Feb 2023 23:00:00 GMT</pubDate>
            <description><![CDATA[This is a guide, which focuses on the critical parts of the fastai course. I'll cover how to set up the ecosystem and how to create, train and deploy an AI model.]]></description>
            <content:encoded><![CDATA[This is a guide, which focuses on the critical parts of the fastai course. I'll cover how to set up the ecosystem and how to create, train and deploy an AI model.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Next.js Web App Template]]></title>
            <link>https://wweb.dev/templates/web-app-template</link>
            <guid>https://wweb.dev/templates/web-app-template</guid>
            <pubDate>Mon, 31 Oct 2022 23:00:00 GMT</pubDate>
            <description><![CDATA[A template to quickly set up a web app or SaaS. It includes the basic authentication logic using MongoDB as well as password reset logic with nodemailer.]]></description>
            <content:encoded><![CDATA[A template to quickly set up a web app or SaaS. It includes the basic authentication logic using MongoDB as well as password reset logic with nodemailer.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Blur Background CSS Generator]]></title>
            <link>https://wweb.dev/resources/blur-background-css-generator</link>
            <guid>https://wweb.dev/resources/blur-background-css-generator</guid>
            <pubDate>Thu, 13 Oct 2022 22:00:00 GMT</pubDate>
            <description><![CDATA[A tool to generate the CSS for a customized blur background. Afterward, you can easily copy the code and use it on your website.]]></description>
            <content:encoded><![CDATA[A tool to generate the CSS for a customized blur background. Afterward, you can easily copy the code and use it on your website.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Next.js Micro-blogging Template]]></title>
            <link>https://wweb.dev/templates/micro-blogging-template</link>
            <guid>https://wweb.dev/templates/micro-blogging-template</guid>
            <pubDate>Wed, 28 Sep 2022 22:00:00 GMT</pubDate>
            <description><![CDATA[A Next.js template for a twitter-like blog. You can write in markdown and upload images and videos.]]></description>
            <content:encoded><![CDATA[A Next.js template for a twitter-like blog. You can write in markdown and upload images and videos.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Next.js Blog Template]]></title>
            <link>https://wweb.dev/templates/nextjs-blog-template</link>
            <guid>https://wweb.dev/templates/nextjs-blog-template</guid>
            <pubDate>Mon, 14 Mar 2022 23:00:00 GMT</pubDate>
            <description><![CDATA[This is a simple blog template to quickly get started with writing. It has a clean design and provides a lot of flexibility.]]></description>
            <content:encoded><![CDATA[This is a simple blog template to quickly get started with writing. It has a clean design and provides a lot of flexibility.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[A guide to debugging JavaScript in Visual Studio Code]]></title>
            <link>https://wweb.dev/blog/debugging-javascript-vscode</link>
            <guid>https://wweb.dev/blog/debugging-javascript-vscode</guid>
            <pubDate>Wed, 02 Feb 2022 23:00:00 GMT</pubDate>
            <description><![CDATA[In this post, I will show how to set up debugging for Javascript in VS Code for Node.js and for React in Firefox or Chrome...]]></description>
            <content:encoded><![CDATA[In this post, I will show how to set up debugging for Javascript in VS Code for Node.js and for React in Firefox or Chrome...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Websites For Free Icon Sets]]></title>
            <link>https://wweb.dev/resources/free-icon-sets</link>
            <guid>https://wweb.dev/resources/free-icon-sets</guid>
            <pubDate>Thu, 12 Dec 2024 23:00:00 GMT</pubDate>
            <description><![CDATA[A curated list of websites that offer collections of free icons.]]></description>
            <content:encoded><![CDATA[A curated list of websites that offer collections of free icons.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[JavaScript Object Functions Cheat Sheet]]></title>
            <link>https://wweb.dev/resources/js-object-functions-cheatsheet</link>
            <guid>https://wweb.dev/resources/js-object-functions-cheatsheet</guid>
            <pubDate>Thu, 30 Jul 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[A Cheat Sheet to quickly find all functions that can be executed on a JavaScript Object. It includes a quick explanation, the syntax and an example.]]></description>
            <content:encoded><![CDATA[A Cheat Sheet to quickly find all functions that can be executed on a JavaScript Object. It includes a quick explanation, the syntax and an example.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Responsive Navigation Generator]]></title>
            <link>https://wweb.dev/resources/navigation-generator</link>
            <guid>https://wweb.dev/resources/navigation-generator</guid>
            <pubDate>Sun, 12 Jul 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[Quickly get the HTML and CSS for a customizable menu. It will be responsive and it turns to a burger menu on mobile, completely without JavaScript.]]></description>
            <content:encoded><![CDATA[Quickly get the HTML and CSS for a customizable menu. It will be responsive and it turns to a burger menu on mobile, completely without JavaScript.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Getting Started with Serverless AWS (3/3) - Micro Services using Lambda, DynamoDB & API Gateway]]></title>
            <link>https://wweb.dev/blog/aws-getting-started-micro-service-lambda-dynamodb</link>
            <guid>https://wweb.dev/blog/aws-getting-started-micro-service-lambda-dynamodb</guid>
            <pubDate>Sun, 05 Jul 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[In this part, we're creating a DynamoDB. Then we create a Lambda for creating, reading, updating, and deleting entries in that database. And last we create...]]></description>
            <content:encoded><![CDATA[In this part, we're creating a DynamoDB. Then we create a Lambda for creating, reading, updating, and deleting entries in that database. And last we create...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Getting Started with Serverless AWS (2/3) - Distribute an S3 Bucket with CloudFront and add a Domain]]></title>
            <link>https://wweb.dev/blog/aws-getting-started-cloudfront-and-domain</link>
            <guid>https://wweb.dev/blog/aws-getting-started-cloudfront-and-domain</guid>
            <pubDate>Sun, 21 Jun 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[In this part we're going to add CloudFront to deliver our website content with low latency to the user. Afterward, we'll add a domain with HTTPs for our website...]]></description>
            <content:encoded><![CDATA[In this part we're going to add CloudFront to deliver our website content with low latency to the user. Afterward, we'll add a domain with HTTPs for our website...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Getting Started with Serverless AWS (1/3) - Deploying a Static Website to S3]]></title>
            <link>https://wweb.dev/blog/aws-getting-started-deploy-static-website-s3</link>
            <guid>https://wweb.dev/blog/aws-getting-started-deploy-static-website-s3</guid>
            <pubDate>Sun, 14 Jun 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[In this series, we're creating a serverless stack using AWS. In this part, I'll show how to serve a static website through an S3 Bucket and how to deploy from your local machine...]]></description>
            <content:encoded><![CDATA[In this series, we're creating a serverless stack using AWS. In this part, I'll show how to serve a static website through an S3 Bucket and how to deploy from your local machine...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[How to craft appealing websites]]></title>
            <link>https://wweb.dev/blog/how-to-craft-appealing-websites</link>
            <guid>https://wweb.dev/blog/how-to-craft-appealing-websites</guid>
            <pubDate>Thu, 28 May 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[When I started developing websites I never knew where to start, when creating a new one. Over time I came up with a process that helped me not only getting started, but also making the websites...]]></description>
            <content:encoded><![CDATA[When I started developing websites I never knew where to start, when creating a new one. Over time I came up with a process that helped me not only getting started, but also making the websites...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[JavaScript Array Functions Cheat Sheet]]></title>
            <link>https://wweb.dev/resources/js-array-functions-cheatsheet</link>
            <guid>https://wweb.dev/resources/js-array-functions-cheatsheet</guid>
            <pubDate>Wed, 20 May 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[A Cheat Sheet to quickly find all functions that can be executed on a JavaScript Array. It includes a quick explanation, the syntax, an example, and the browser support.]]></description>
            <content:encoded><![CDATA[A Cheat Sheet to quickly find all functions that can be executed on a JavaScript Array. It includes a quick explanation, the syntax, an example, and the browser support.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Creative Hover Effects]]></title>
            <link>https://wweb.dev/resources/creative-hover-effects</link>
            <guid>https://wweb.dev/resources/creative-hover-effects</guid>
            <pubDate>Sun, 03 May 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[A collection of six creative hover effects for your inspiration. All of the effects are available on Codepen for easy copy-pasting.]]></description>
            <content:encoded><![CDATA[A collection of six creative hover effects for your inspiration. All of the effects are available on Codepen for easy copy-pasting.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Getting started with React Query - Easy server state management in React]]></title>
            <link>https://wweb.dev/blog/react-query-getting-started-tutorial</link>
            <guid>https://wweb.dev/blog/react-query-getting-started-tutorial</guid>
            <pubDate>Thu, 23 Apr 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[Handling state, which comes from the server can really cause some headaches in React. There is a lot you have to think about when dealing with asynchronous data, like updating, caching...]]></description>
            <content:encoded><![CDATA[Handling state, which comes from the server can really cause some headaches in React. There is a lot you have to think about when dealing with asynchronous data, like updating, caching...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Websites For Inspiration]]></title>
            <link>https://wweb.dev/resources/websites-for-inspiration</link>
            <guid>https://wweb.dev/resources/websites-for-inspiration</guid>
            <pubDate>Thu, 12 Dec 2024 23:00:00 GMT</pubDate>
            <description><![CDATA[Need some inspiration for your project? With this list of 23 websites, which you can check for inspiration, you'll never run out of ideas for your website again.]]></description>
            <content:encoded><![CDATA[Need some inspiration for your project? With this list of 23 websites, which you can check for inspiration, you'll never run out of ideas for your website again.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[CSS Section Separator Generator]]></title>
            <link>https://wweb.dev/resources/css-separator-generator</link>
            <guid>https://wweb.dev/resources/css-separator-generator</guid>
            <pubDate>Tue, 31 Mar 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[A collection of customizable CSS section separators, with the possibility to easily copy the code.]]></description>
            <content:encoded><![CDATA[A collection of customizable CSS section separators, with the possibility to easily copy the code.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[How to speed up kickstarting new projects with Yeoman]]></title>
            <link>https://wweb.dev/blog/how-to-create-yeoman-generator</link>
            <guid>https://wweb.dev/blog/how-to-create-yeoman-generator</guid>
            <pubDate>Sun, 08 Mar 2020 23:00:00 GMT</pubDate>
            <description><![CDATA[I found myself often copy pasting code from other projects when starting new projects. This is why I created a Yeoman generator, which setups a nextjs project with styled components...]]></description>
            <content:encoded><![CDATA[I found myself often copy pasting code from other projects when starting new projects. This is why I created a Yeoman generator, which setups a nextjs project with styled components...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[How to build a static website without frameworks using npm scripts]]></title>
            <link>https://wweb.dev/blog/how-to-create-static-website-npm-scripts</link>
            <guid>https://wweb.dev/blog/how-to-create-static-website-npm-scripts</guid>
            <pubDate>Thu, 17 Mar 2022 23:00:00 GMT</pubDate>
            <description><![CDATA[Sometimes it makes total sense to build an old fashioned static website. It can be not only faster, but also simplier than throwing in a full JavaScript framework just to build a website with only a few pages...]]></description>
            <content:encoded><![CDATA[Sometimes it makes total sense to build an old fashioned static website. It can be not only faster, but also simplier than throwing in a full JavaScript framework just to build a website with only a few pages...]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Websites For Creative Backgrounds]]></title>
            <link>https://wweb.dev/resources/creative-backgrounds</link>
            <guid>https://wweb.dev/resources/creative-backgrounds</guid>
            <pubDate>Thu, 12 Dec 2024 23:00:00 GMT</pubDate>
            <description><![CDATA[A curated list of websites where you can get creative backgrounds for your websites.]]></description>
            <content:encoded><![CDATA[A curated list of websites where you can get creative backgrounds for your websites.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[A Curated List Of Websites For Free SVG Illustrations]]></title>
            <link>https://wweb.dev/resources/free-svg-illustrations</link>
            <guid>https://wweb.dev/resources/free-svg-illustrations</guid>
            <pubDate>Wed, 12 Jun 2024 22:00:00 GMT</pubDate>
            <description><![CDATA[Spice up your next project with beautiful illustrations from these websites.]]></description>
            <content:encoded><![CDATA[Spice up your next project with beautiful illustrations from these websites.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Animated CSS Background Generator]]></title>
            <link>https://wweb.dev/resources/animated-css-background-generator</link>
            <guid>https://wweb.dev/resources/animated-css-background-generator</guid>
            <pubDate>Tue, 26 Nov 2019 23:00:00 GMT</pubDate>
            <description><![CDATA[With this tool you can quickly create and customize animated CSS backgrounds for your website. It includes a total of three different pure CSS animated backgrounds.]]></description>
            <content:encoded><![CDATA[With this tool you can quickly create and customize animated CSS backgrounds for your website. It includes a total of three different pure CSS animated backgrounds.]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[4 Websites to recreate to practice your web development skills]]></title>
            <link>https://wweb.dev/blog/4-websites-to-recreate-to-practice-your-web-development-skills</link>
            <guid>https://wweb.dev/blog/4-websites-to-recreate-to-practice-your-web-development-skills</guid>
            <pubDate>Tue, 22 Oct 2019 22:00:00 GMT</pubDate>
            <description><![CDATA[The best way to learn web development is by practice. But when you get started you might feel lost. There are just so many things to learn, which makes it hard to choose the right project to get started. In the following I'll share some…]]></description>
            <content:encoded><![CDATA[The best way to learn web development is by practice. But when you get started you might feel lost. There are just so many things to learn, which makes it hard to choose the right project to get started. In the following I'll share some…]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[The best note taking apps for developers]]></title>
            <link>https://wweb.dev/blog/the-best-note-taking-apps-for-developers</link>
            <guid>https://wweb.dev/blog/the-best-note-taking-apps-for-developers</guid>
            <pubDate>Thu, 18 Jun 2020 22:00:00 GMT</pubDate>
            <description><![CDATA[There are tons of note taking apps out there. But which ones are best suitable for developers? In the following I'll introduce three note taking apps for developers with good code support. + Available for: Mac, Windows, Android, iOS + Nice Code editor with a…]]></description>
            <content:encoded><![CDATA[There are tons of note taking apps out there. But which ones are best suitable for developers? In the following I'll introduce three note taking apps for developers with good code support. + Available for: Mac, Windows, Android, iOS + Nice Code editor with a…]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[How to toggle an array item with Javascript in React State]]></title>
            <link>https://wweb.dev/blog/how-to-toggle-an-array-item-in-react-state</link>
            <guid>https://wweb.dev/blog/how-to-toggle-an-array-item-in-react-state</guid>
            <pubDate>Fri, 22 Mar 2019 23:00:00 GMT</pubDate>
            <description><![CDATA[In this short article I will demonstrate how to write a function to toggle array items with Javascript and inside of React state. First of all let’s have a look how to toggle an array item with Javascript (ES6): This function will get an array and…]]></description>
            <content:encoded><![CDATA[In this short article I will demonstrate how to write a function to toggle array items with Javascript and inside of React state. First of all let’s have a look how to toggle an array item with Javascript (ES6): This function will get an array and…]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
        <item>
            <title><![CDATA[Widget based website with dynamic Vue.js components]]></title>
            <link>https://wweb.dev/blog/widget-based-website-with-dynamic-vuejs-components</link>
            <guid>https://wweb.dev/blog/widget-based-website-with-dynamic-vuejs-components</guid>
            <pubDate>Thu, 26 Jul 2018 22:00:00 GMT</pubDate>
            <description><![CDATA[In this post I will explain how to generate a webpage using dynamic Vue.js components. This could be the foundation of a CMS based on Vue. The finished project can be found here First of all install the vue-cli if you havent already. To do so open…]]></description>
            <content:encoded><![CDATA[In this post I will explain how to generate a webpage using dynamic Vue.js components. This could be the foundation of a CMS based on Vue. The finished project can be found here First of all install the vue-cli if you havent already. To do so open…]]></content:encoded>
            <author>info@wweb.dev (Vincent Will)</author>
        </item>
    </channel>
</rss>