# Markus Hatvan

Personal website and blog written from scratch with Astro and TailwindCSS.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## How I Raised My Hourly Rate by 78% in My First Year as a Web Development Freelancer

DevFeed: [How I Raised My Hourly Rate by 78% in My First Year as a Web Development Freelancer](<https://devfeed.tech/articles/how-i-raised-my-hourly-rate-by-78-in-my-first-year-as-a-web-development-freelancer-35051.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/how-i-raised-my-hourly-rate-by-78-percent-in-my-first-year-as-a-web-development-freelancer/>)

Published: 2021-11-10T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Development](<https://devfeed.tech/topics/development.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [clients](<https://devfeed.tech/tags/clients.md>), [developer](<https://devfeed.tech/tags/developer.md>), [development](<https://devfeed.tech/tags/development.md>), [freelance](<https://devfeed.tech/tags/freelance.md>), [freelance-career](<https://devfeed.tech/tags/freelance-career.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [project](<https://devfeed.tech/tags/project.md>), [remote](<https://devfeed.tech/tags/remote.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

A personal account of raising an hourly rate by 78% in one year as a web development freelancer. It advises freelancers to improve their workflow, develop confidence, seek multiple sources of project leads, and continue relationships with recruiters.

### Source excerpt

There are many great ways of how you can begin building your confidence and showing your clients why they should pay you a higher hourly wage.

## 4 Kinds of "Freemium" Software Products Your Small Business Needs

DevFeed: [4 Kinds of "Freemium" Software Products Your Small Business Needs](<https://devfeed.tech/articles/4-kinds-of-freemium-software-products-your-small-business-needs-35045.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/4-kinds-of-freemium-software-products-your-small-business-needs/>)

Published: 2021-08-18T00:00:00Z

Content type: article

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Software](<https://devfeed.tech/topics/software.md>), [Tool](<https://devfeed.tech/topics/tool.md>), [Website](<https://devfeed.tech/topics/website.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>), [dropbox](<https://devfeed.tech/topics/dropbox.md>), [zoom](<https://devfeed.tech/topics/zoom.md>), [Google](<https://devfeed.tech/topics/google.md>), [email](<https://devfeed.tech/topics/email.md>), [CSS](<https://devfeed.tech/topics/css.md>)

Tags: [apps](<https://devfeed.tech/tags/apps.md>), [css](<https://devfeed.tech/tags/css.md>), [dropbox](<https://devfeed.tech/tags/dropbox.md>), [free](<https://devfeed.tech/tags/free.md>), [google](<https://devfeed.tech/tags/google.md>), [newsletters](<https://devfeed.tech/tags/newsletters.md>), [products](<https://devfeed.tech/tags/products.md>), [small-business](<https://devfeed.tech/tags/small-business.md>), [software](<https://devfeed.tech/tags/software.md>), [tools](<https://devfeed.tech/tags/tools.md>)

### AI overview

This article recommends four categories of free or freemium software for small businesses: web conferencing, data storage, website development, and design tools. It gives examples including Zoom, Dropbox, Google Drive, WordPress, Canva, and MailChimp.

### Source excerpt

Let's take a look at some free tools you should check out that will help you run a smoother, more reliable business.

## How To Win Your First Clients as a Freelance Web Developer

DevFeed: [How To Win Your First Clients as a Freelance Web Developer](<https://devfeed.tech/articles/how-to-win-your-first-clients-as-a-freelance-web-developer-35054.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/how-to-win-your-first-clients-as-a-freelance-web-developer/>)

Published: 2021-01-06T00:00:00Z

Content type: tutorial

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Web Development](<https://devfeed.tech/topics/web-development.md>), [Development](<https://devfeed.tech/topics/development.md>), [Website](<https://devfeed.tech/topics/website.md>)

Tags: [client](<https://devfeed.tech/tags/client.md>), [clients](<https://devfeed.tech/tags/clients.md>), [developer](<https://devfeed.tech/tags/developer.md>), [freelance](<https://devfeed.tech/tags/freelance.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [linkedin](<https://devfeed.tech/tags/linkedin.md>), [social-media](<https://devfeed.tech/tags/social-media.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

A freelance web developer shares approaches for finding and winning clients, including using personal networks, referrals, testimonials, and LinkedIn. The article emphasizes prioritizing paid client work over unpaid lead-generation tasks.

### Source excerpt

It is certainly a challenging adventure to switch from the secure and predictable path as a member of a company at a full time job to running your own business with all of its complexities and requirements.

## Privacy-focused alternatives to mainstream Big Tech services

DevFeed: [Privacy-focused alternatives to mainstream Big Tech services](<https://devfeed.tech/articles/reclaim-your-data-privacy-from-big-tech-with-the-best-privacy-focused-alternatives-35055.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/reclaim-your-data-privacy-from-big-tech-with-the-best-privacy-focused-alternatives/>)

Published: 2020-11-08T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [online privacy](<https://devfeed.tech/topics/online-privacy.md>), [Security, Privacy and Abuse Prevention](<https://devfeed.tech/topics/security-privacy-and-abuse-prevention.md>), [DuckDuckGo](<https://devfeed.tech/topics/duckduckgo.md>), [Google Search](<https://devfeed.tech/topics/google-search.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>)

Tags: [alternatives](<https://devfeed.tech/tags/alternatives.md>), [data-privacy](<https://devfeed.tech/tags/data-privacy.md>), [google](<https://devfeed.tech/tags/google.md>), [google-search](<https://devfeed.tech/tags/google-search.md>), [online-privacy](<https://devfeed.tech/tags/online-privacy.md>), [privacy](<https://devfeed.tech/tags/privacy.md>)

### AI overview

This opinion article discusses switching from mainstream Big Tech services to privacy-focused alternatives. It explains concerns about personal-data collection, tracking, and corporate concentration, and presents the author's experience balancing privacy, convenience, user experience, and service quality. Google Search alternatives, including DuckDuckGo, are discussed as an example.

### Source excerpt

Regular scandals of data leaks by big corporate companies and concerns about misuse of personal information through illegal data collection practices leads to internet users switching away from mainstream products.

## 8 Common Web Development Mistakes and How to Avoid Them

DevFeed: [8 Common Web Development Mistakes and How to Avoid Them](<https://devfeed.tech/articles/8-common-web-development-mistakes-and-how-to-avoid-them-35047.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/8-common-web-development-mistakes-and-how-to-avoid-them/>)

Published: 2020-10-19T00:00:00Z

Content type: tutorial

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Web Development](<https://devfeed.tech/topics/web-development.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Code quality](<https://devfeed.tech/topics/code-quality.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>), [formatting](<https://devfeed.tech/topics/formatting.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>)

Tags: [best-practices](<https://devfeed.tech/tags/best-practices.md>), [code-quality](<https://devfeed.tech/tags/code-quality.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [formatting](<https://devfeed.tech/tags/formatting.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [refactoring](<https://devfeed.tech/tags/refactoring.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

This tutorial describes eight common web development mistakes and recommends practices to avoid them. It emphasizes setting realistic project scope, establishing code quality tools early, and using ESLint to identify inconsistent or error-prone code before it requires major refactoring.

### Source excerpt

To save you valuable time on your web development projects in the future, make sure to avoid these eight common web development mistakes.

## Reasons to Contribute to Open Source Software

DevFeed: [Reasons to Contribute to Open Source Software](<https://devfeed.tech/articles/why-you-should-start-contributing-to-open-source-software-right-now-35058.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/why-you-should-start-contributing-to-open-source-software-right-now/>)

Published: 2020-09-10T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Open Source](<https://devfeed.tech/topics/open-source.md>), [Development](<https://devfeed.tech/topics/development.md>), [Code quality](<https://devfeed.tech/topics/code-quality.md>)

Tags: [code-quality](<https://devfeed.tech/tags/code-quality.md>), [development](<https://devfeed.tech/tags/development.md>), [open-source](<https://devfeed.tech/tags/open-source.md>)

### AI overview

An opinion article encouraging developers to contribute to open-source software. It argues that reading and reviewing project code can help developers learn best practices, code quality, and project structure.

### Source excerpt

The open source movement is growing quickly and you should become a part of it too.

## 10 Reasons Why I Recommend Svelte To Every New Web Developer

DevFeed: [10 Reasons Why I Recommend Svelte To Every New Web Developer](<https://devfeed.tech/articles/10-reasons-why-i-recommend-svelte-to-every-new-web-developer-35044.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/10-reasons-why-i-recommend-svelte-to-every-new-web-developer/>)

Published: 2020-08-31T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Frameworks](<https://devfeed.tech/topics/frameworks.md>)

Tags: [boilerplate](<https://devfeed.tech/tags/boilerplate.md>), [frameworks](<https://devfeed.tech/tags/frameworks.md>), [front-end](<https://devfeed.tech/tags/front-end.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [svelte](<https://devfeed.tech/tags/svelte.md>)

### AI overview

An opinionated introduction to Svelte that recommends it to new web developers. The article contrasts Svelte with Angular, React, and Vue.js, emphasizing its compilation to framework-less vanilla JavaScript, reduced boilerplate, and reported advantages in bundle size, performance, lines of code, and developer satisfaction.

### Source excerpt

Although the initial release of Svelte was back in November 2016, it's still more of an underdog amongst the JavaScript front end frameworks and just recently started to get its well deserved attention by the community.

## Contributing To Open Source Projects The Right Way

DevFeed: [Contributing To Open Source Projects The Right Way](<https://devfeed.tech/articles/contributing-to-open-source-projects-the-right-way-35050.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/contributing-to-open-source-projects-the-right-way/>)

Published: 2020-07-28T00:00:00Z

Content type: tutorial

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Open Source](<https://devfeed.tech/topics/open-source.md>), [pull-requests](<https://devfeed.tech/topics/pull-requests.md>), [coding](<https://devfeed.tech/topics/coding.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [also](<https://devfeed.tech/tags/also.md>), [community](<https://devfeed.tech/tags/community.md>), [contribute](<https://devfeed.tech/tags/contribute.md>), [contributions](<https://devfeed.tech/tags/contributions.md>), [open-source](<https://devfeed.tech/tags/open-source.md>)

### AI overview

A practical guide to contributing to open source projects, covering the skills and workflow knowledge needed to participate successfully. It discusses pull requests, commit messages, forking, upstream repositories, and ways to contribute through code, documentation, issue responses, and internationalization.

### Source excerpt

When I started with open source contributions in April 2019, I remember being scared about doing everything wrong.

## How To Stay On Top Of Today's Information Overload

DevFeed: [How To Stay On Top Of Today's Information Overload](<https://devfeed.tech/articles/how-to-stay-on-top-of-today-s-information-overload-35053.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/how-to-stay-on-top-of-todays-information-overload/>)

Published: 2020-06-22T00:00:00Z

Content type: tutorial

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [email](<https://devfeed.tech/topics/email.md>), [notifications](<https://devfeed.tech/topics/notifications.md>), [context](<https://devfeed.tech/topics/context.md>)

Tags: [email](<https://devfeed.tech/tags/email.md>), [notifications](<https://devfeed.tech/tags/notifications.md>), [productivity](<https://devfeed.tech/tags/productivity.md>), [push-notifications](<https://devfeed.tech/tags/push-notifications.md>)

### AI overview

The article offers personal strategies for managing information overload, including organizing email into folders, periodically cleaning them, unsubscribing from unwanted newsletters, and disabling push notifications to reduce distractions.

### Source excerpt

As a naturally curious person with a thirst for knowledge, it is easy to get swamped by the sheer amount of information that is available and directed at you.

## Choosing a Website Platform: WordPress, Wix, or JAMStack

DevFeed: [Choosing a Website Platform: WordPress, Wix, or JAMStack](<https://devfeed.tech/articles/wix-wordpress-jamstack-oh-my-35059.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/wix-wordpress-jamstack-oh-my/>)

Published: 2020-06-14T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>)

Tags: [gatsby](<https://devfeed.tech/tags/gatsby.md>), [git](<https://devfeed.tech/tags/git.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [performance](<https://devfeed.tech/tags/performance.md>), [security](<https://devfeed.tech/tags/security.md>), [website](<https://devfeed.tech/tags/website.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>)

### AI overview

The article compares WordPress, WYSIWYG tools such as Wix, and JAMStack solutions such as Gatsby and Next.js for building a website. It presents the author's subjective reasons for preferring more control over code and performance, while acknowledging WordPress's speed of setup, plugin ecosystem, and ease of use.

### Source excerpt

How to choose where to set up your website when you have so many options and so little time.

## Why I Chose SapperJS For My Website, And What I've Learned About The Framework So Far

DevFeed: [Why I Chose SapperJS For My Website, And What I've Learned About The Framework So Far](<https://devfeed.tech/articles/why-i-chose-sapperjs-for-my-website-and-what-i-ve-learned-about-the-framework-so-far-35057.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/why-i-chose-sapperjs-for-my-website-and-what-ive-learned-about-the-framework-so-far/>)

Published: 2020-06-13T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Framework](<https://devfeed.tech/topics/framework.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Website](<https://devfeed.tech/topics/website.md>)

Tags: [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [framework](<https://devfeed.tech/tags/framework.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [website](<https://devfeed.tech/tags/website.md>)

### AI overview

A developer explains why they chose SapperJS for a website built with a modern JAMStack setup. They compare alternatives including Next.js, Gatsby, Hugo, and Nuxt.js, considering performance, SEO, developer experience, innovation, and the opportunity to explore different JavaScript frameworks.

### Source excerpt

Since I wanted to go for a website built on a modern JAMStack setup, I had these options based on framework popularity and matureness.

## 6 Reasons Why I Started This Blog

DevFeed: [6 Reasons Why I Started This Blog](<https://devfeed.tech/articles/6-reasons-why-i-started-this-blog-35046.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/6-reasons-why-i-started-this-blog/>)

Published: 2020-06-12T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Programming](<https://devfeed.tech/topics/programming.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [React](<https://devfeed.tech/topics/react.md>), [Svelte](<https://devfeed.tech/topics/svelte.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [code-quality-tools](<https://devfeed.tech/tags/code-quality-tools.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [programming](<https://devfeed.tech/tags/programming.md>), [react](<https://devfeed.tech/tags/react.md>)

### AI overview

The author explains why they started the blog: to share ideas, experiences, and unconventional knowledge. Planned coverage includes programming, JavaScript frameworks, code quality tools, productivity, software recommendations, and other varied topics.

### Source excerpt

In contrast to blogs who focus on a single topic, I want to write about and cover these topics in depth.