Web Development Awesomeness using SvelteJS and TailwindCSS
Make web development fun again by creating a frontend web application using SvelteJS and TailwindCSS
Make web development fun again by creating a frontend web application using SvelteJS and TailwindCSS
It’s time to note that the holy grail of frontend web-development stacks is here.
The steps outlined in this tutorial can be used to attain frontend stack nirvana.
Step 1 | Initialize a SvelteJS app as follows
npx degit sveltejs/template stackmvp-site
You will see the stackmvp-site folder initialized
Step 2 | cd into the stackmvp folder and install the npm packages
npm install
The packages are installed in the node_modules folder
Step 3 | Install the tailwindcss and related package as follows
npm install autoprefixer postcss-cli tailwindcss concurrently cross-env — save-dev
Create a file called postcss.config.js in the root folder (stackmvp-site folder)
touch postcss.config.js
Create a file called tailwind.css in the public folder as follows
cd public && touch tailwind.css