Running a website for your business is hard. Running a SaaS website in 2021 is even harder. To make it easier, we’ve put together this list of 22 tips for running your SaaS website in the year ahead.

  1. Determine your purpose — what will your product solve?
  2. Define clear goals. What are you trying to achieve?
  3. Make sure your business is transparent and trustworthy.
  4. Create a unique persona and tone of voice for your brand.
  5. Make sure your website is responsive and works on all devices.
  6. Use a mobile app instead of a website for customers to make appointments.
  7. Make…

Use Chart.js to add charts and graphs to any React project.

React Chart.js Packages

There are packages like react-chartjs-2 that integrate Chart.js with React.

Feel free to use these packages however, for this tutorial, we’ll integrate Chart.js and React ourselves to maintain a higher level of Chart.js customization.

What is React?


What are Stripe Payment Links?

Recently, Stripe announced a new no-code option to accept payments in the form of payment links. Instead of configuring a backend, designing a checkout page, and creating a payment intent to accept payments, Stripe users can now use the Stripe dashboard to quickly sell a product or subscription with a Stripe-hosted link. I’ll provide a brief walkthrough later on, but let’s focus on how an inspiring founder or entrepreneur can utilize payment links to quickly iterate on and validate an idea.

Who should use Stripe Payment Links?

For example, if you’re a founder looking to test an idea for an agency or side-project, you’ll likely need…


Use Bootstrap with React to create a lightning-fast form with styled input fields.

I’ll use React-Bootstrap, Bootstrap components remade in React, to create the forms.

For this tutorial, we’ll create a single one-page React Bootstrap form and a multi-step React Boostrap form.

What is React-Bootstrap?


This article will cover how to allow user registration, login, and logout functionality on a site built using the Django Web Framework.

Before we begin, the virtual environment is called env, the Django project is called mysite, and the app is called main.

User registration

As you may have seen, Django comes with a built-in user registration form. We just need to configure it to our needs (i.e. collect an email address upon registration).

Create the register form

env > mysite > main > (New File) forms.py

from django import forms
from django.contrib.auth.forms import UserCreationForm
from django.contrib.auth.models import User


# Create your forms…


Django Subdomains

Subdomains are used for a variety of reasons including but not limited to eCommerce stores, location or language-specific sites, and version testing.

For example, if you own the domain website.com the blog can be on the subdomain blog.website.com and the eCommerce store can be at store.website.com.

However, it is important to keep in mind search engines such as Google see subdomains as separate sites independent of the main domain.

If you are trying to grow your site via browser search rankings, we recommend using subdirectories. Subdirectories, such as website.com/blog, …


Many SEO analysis sites offer the same tools and features.

So rather than give you a long personal anecdote on why I think you should use one service over another, instead, I’ll go over the main tools, pricing, and free trial of 5 Ahrefs alternatives so you can come to your own conclusion.

But first, let’s cover Ahrefs before heading to the Ahrefs alternatives.

After all, it’s hard to compare services if you don’t have a control.

Ahrefs


When creating a form using Django, form fields are an essential part of creating the Django Form class. There are over 23 built-in field classes with build-in validations and clean() methods.

We will cover commonly used form fields along with form widgets to quickly get you on your way to creating forms for any site.

To get started

env > mysite > main > (New File) forms.py

from django import forms

# Create your forms here.

class ExampleForm(forms.Form):

Create a new file called forms.py in your app directory. This is the same directory as models.py and views.py.

Import forms from django at the…


What is Tailwind CSS?

Tailwind CSS is the utility-first CSS framework for those looking to rapidly build custom designs.

Rather than predesigned components, Tailwind CSS comes with basic utility classes meant for customization.

Tailwind Installation

The documentation highly recommends downloading the framework via npm or yarn to gain full access to component customization.

If you are using Django, follow the Django +Tailwind Integration guide. If you are using React, follow the React + Tailwind guide.

Otherwise, visit the documentation for more integration guides.

If you prefer using a CDN:

How to use Tailwind CDN

<!doctype html>
<html lang="en">
<head>
<!-- Required…


Building and deploying a Django project from scratch can be a rewarding experience; however, it is not always necessary. With plenty of amazing open-source Django projects on Github, Python programmers can save time, learn something new, and easily extend others’ work. Listed below are some of our favorite open-source projects from Github.

1. Django Real World Example App

Ordinary Coders

Coding can be difficult. Get motivated by learning to code with interactive, step-by-step tutorials. https://ordinarycoders.com/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store