How to install Tailwind CSS with Svelte + Vite!

Alti — Wed, 29 Jun 2022 05:27:41 +0000

Introduction

If you read the title, you know what the post is about. Let's not waste any time here and jump straight into it!

Step 1

Set up a Vite + Svelte project using documentation on the Vite or Svelte website.

Step 2

Run the following commands.
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init tailwind.config.cjs -p

Step 3

In the newly created tailwind.config.cjs file, add this line of code.

module.exports = {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    extend: {}
  },
  plugins: []
};

Then make an app.css file in the src directory with this code in it.

@tailwind base;
@tailwind components;
@tailwind utilities;

Step 4

Then in your main.js file, make sure to include the app.css file using an import statement.

import './app.css'

Then all you need to do is run your code and make sure everything is working.

npm run dev

HTTP Requests for Beginners.

Alti — Wed, 15 Jun 2022 00:43:04 +0000

Introduction

If you are like me, HTTP requests can be confusing at first. But hopefully with this guide, things might be a little easier for you when learning requests and how to use them.

A helpful tool for learning and practicing HTTP requests in my experience would be Requestbin.

Now, let's get started with the methods.

GET

GET is used when reading or retrieving resources. When the GET request is sucessful, it will return a response with the resource you requested.

POST

POST sends data to the server, usually to create a resource or update an existing resource.

PUT

PUT also creates a resource or updates an existing resource similar to POST, but PUT requests can be called multiple times and will remain the same. This means that PUT requests are idempotent.

DELETE

DELETE will remove the requested resource.

Other HTTP request methods

Here are more resources you can use to learn HTTP methods, including the ones that I did not cover in this post.

You can read about these methods here.

MDN - Request Methods

Rapid API - HTTP Request Methods

And more sources all across the web can help!

DEV Community: Alti

How to install Tailwind CSS with Svelte + Vite!

Introduction

Step 1

Step 2

Step 3

Step 4

HTTP Requests for Beginners.

Introduction

GET

POST

PUT

DELETE

Other HTTP request methods