---
title: "Discussion on \"Straightforward guide to use TailwindCSS with Sapper\" | Hashnode"
description: "Discussion on \"Straightforward guide to use TailwindCSS with Sapper\". There are many articles online on integrating Tailwind into Next.js/Nuxt.js, but there are only a few ones for Sapper. \nMost of them are:\n\noutdated,\nvery complicated,\ndoesn't allow to use of all features of TailwindCSS, like @apply.\n\nSome of them are..."
url: "https://hashnode.com/posts/straightforward-guide-to-use-tailwindcss-with-sapper/5f913ac3c626a0545fb60d38"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Straightforward guide to use TailwindCSS with Sapper](https://blog.andrasbacsai.com/straightforward-guide-to-use-tailwindcss-with-sapper?utm_source=hashnode&utm_medium=feed)

There are many articles online on integrating Tailwind into Next.js/Nuxt.js, but there are only a few ones for Sapper. Most of them are: outdated, very complicated, doesn't allow to use of all features of TailwindCSS, like @apply. Some of them are...

Oct 22, 2020 · 4 min read · blog.andrasbacsai.com  
Updated Jun 17, 2022  
Read the article

-   [#tailwind-css](https://hashnode.com/tag/tailwind-css)
-   [#svelte](https://hashnode.com/tag/svelte)
-   [#css](https://hashnode.com/tag/css)

## Written by

[Andras Bacsai](https://hashnode.com/@andrasbacsai)

@andrasbacsai · Székesfehérvár, Hungary

  
[View profile](https://hashnode.com/@andrasbacsai)

Indie hacker

More about me

## Responses 1

Markdown supported · ⌘↵ to post

[Jon Dohnson](https://hashnode.com/@JonDohnson)

[Dec 30, 2021](https://hashnode.com/posts/straightforward-guide-to-use-tailwindcss-with-sapper/5f913ac3c626a0545fb60d38/comment/61cda983b9f0453f6d31ff18)

Hey Andras, great tutorial...it helped me setting up Tailwind CSS with my Sapper app finally. However, there is one thing I don't understand and I can't solve, yet. I'm using VSCode and right after I added svelte.config.js from your tutorial, all my Svelte files displayed a syntax error in the first line, where a <script> tag is opening (please see screenshot). Although I'm able to build and dev without problems, VSCode keeps showing me this as an error. The errors vanish after I commented out the 2 lines in svelte.config.js. Do you know how to fix this? Any help is much appreciated.

![Visual Studio Code.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1640868217736/R44UqJ4Lp0.png)