Getting started with Svelte, Tailwind, and Nrwl NX

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
  • svelte-preprocess

    A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.

    All this file does is export a configuration object for the build of our Svelte application. By default, it uses the svelte-preprocess package, which is a preprocessor for Svelte providing support for PostCSS, SCSS, TypeScript, and much more.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Tailwind is more popular than ever. If you've been following me, you know that I'm a huge fan. Recently I've started exploring Svelte, and wanted to know how to combine it with Tailwind. Not only that, but I also wanted to use Nrwl NX. This is a summary of my findings.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • postcss-preset-env

    Convert modern CSS into something browsers understand

    Third, we enable the postcss-preset-env plugin, which adds support for many other cool things

  • svelte-tailwind-nx-template

    A template repository including a Nrwl Nx workspace and a Svelte application configured to use Tailwind

    If you're in a hurry, then you can use the template I've prepared and published on Github with the results of this experiment. You can find it here: https://github.com/dsebastien/svelte-tailwind-nx-template

  • Svelte

    Cybernetically enhanced web apps

    In this article, I'll show you how to create a Svelte application with Nrwl NX and how install/configure Tailwind.

  • PostCSS

    Transforming styles with JS plugins

    PostCSS is a CSS processor that Tailwind relies on to do its magic.

  • nx

    Smart, Fast and Extensible Build System

    In this article, I'll show you how to create a Svelte application with Nrwl NX and how install/configure Tailwind.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts