Hello everyone.
In this article, I will talk about how we can set up a web application using a starter kit. In my previous article, I have already discussed how I come across TUK and how it all of a sudden it became one of my favorite kits. Undoubtedly it has so many advantages that I simply cannot resist myself of saying that yes it is one of the best UI kits that have ever been made (at least I have used).
This article will particularly be helpful for the newbies who have just entered the world of web development but as they are very much new to this field and feel like it took ages to complete their projects, then let me assure you, this is not the case. I have a solution to this issue. You can simply use UI kits. So for those of you who are not familiar wh UI kits, let me explain a little bit to you.
UI kits provide graphic elements and resources to developers, making their work ten times easier. So you must be thinking there are so many UI kits out there, which one to try? No need to do that. I will make your work easier. Go with TUK. But why TUK? You must be thinking that. Right?
Well here are some of the reasons. I will tell you from my own experience.
It provides over 350 marketing and application components. On top of that, it provided me with a free community license. This enabled me to test the product before investing in it. Here is a link to its website.
Let’s get back to the title of the article. In this article, I will explain how to get started using TUK as a starter kit if you haven’t used UI Kits before. I will use TUK as an example as I have already told ya, it's my favorite and also because I have been using it for a few months now.
Now, there are several ways you can use TUK for your projects. I will be demonstrating how you can use TUK with the Rollup bundler.
1. First, visit the TUK website and go to the Documentation page. Scroll to the bottom of the page to the ‘TUK Starter Kit’.
2. Click on the ‘rollup-starter-with-tailwind’. This will take you to the GitHub repository. Scroll down to the ‘Getting Started’ section. You will be able to view the instructions on how to get started. If you are new to UI Kits, no worries! I will be sharing the complete process.
3. Clone the link ‘https://github.com/AlphaSquadTech/rollup-starter-with-tailwind.git && cd rollup-starter-with-tailwind’ on your GitBash or command prompt.
4. Once you have cloned the repository. You’ll need to install a Package Manager. You can use yarn or npm for this purpose. In this demonstration, I’ll be using yarn.
5. You can make changes in /src/app.js or /src/components/index.js. You can add, remove, and change code. You can also add components of your choice from the TUK website.
6. To get a link to the localhost. Use the command ‘yarn dev’. You can use ‘npm run dev’ if you have installed npm as your package manager.
7. Copy the localhost server link on your browser. Voila! You have your very own website using TUK.
You can add as many components as you like according to your needs.
8. To build or deploy. Use the command ‘yarn build’ or ‘npm run build’
It is this simple to create your web application using TUK. You have a complete application in a matter of minutes. You can try it yourself. Click on the link below and create amazing web applications and much more using just one Kit.
I hope it helped you out.
Thanks for reading.
