You have tailwind css in your project, but you can also add different UI layers. If you get an Android phone, each brand comes with a different OS. Likewise, you can install any UI in your react projects. Here are… Read More »React Series #07: How to install shadcn UI in next.js project
When you create a new project in next.js it will fire up a default page which will have a dark theme as default. Make these changes to make the light background. open app/global.css To You can adjust the background color… Read More »React Series #06: How to change the default dark theme in next.js project
Tailwind has quite a few color options, here is a basic introduction to how Tailwind uses color followed by how to edit the basic color. How to use color in Tailwind Open tailwind.config.js and edit Change this to How to… Read More »React Series #05: How to change primary and secondary color in Next.js Tailwind projects
Changing the font and color is pretty easy in a next.js project. Open app/layout.js You can change the default Inter to Roboto using this code Update font to Poppins with all options You can use Google fonts and here is… Read More »React Series #04: How to change the font in next.js project
How to run a node project is a simple command. Go to the terminal section in your VSCode and run this command The project by default will run in 3000 port. and you can access your project from http://localhost:3000/ In… Read More »React Series #03: How to run a node project & understand the structure
Vscode is one amazing tool that can help you with any development. I have used VScodes for years, I can’t even dream of thinking of any other tool that is close to what they have. In this post, I will… Read More »React Series #02: How to set up react project in VScode
Next.js is a framework of React. It comes with many features and you can easily extend and create amazing projects using this framework. Here I will show you how to create a new project and what option to choose while… Read More »React Series #01: How to create a new project using Next.js
Learn how to install node package in your computer. Install Node in Linux Run these commands one after the other to install nodejs in your Linux machine Install node in your Mac Machine: Run these commands one after the other… Read More »React Series #00: How to install Node in Mac, Linux, and Windows
Sugar biscuits are one of the must do if you are interested in baking. Here is my recipe for the sugar biscuits. Use a weighing scale to measure these ingredientsWeighing scale Amazon Link: https://amzn.eu/d/1RGVynW Dry Ingredients: # Name Measurement 1… Read More »How to bake Sugar Biscuits in an easy method
There are many books which change our lives. One such book is “How to stop Worrying & Start Living” by Dale Carnegie. Here is my understanding of worrying and how to overcome it. What is worrying? Worrying is a common… Read More »How to Stop Worrying & Start Living