archive
Entries
- poetry / 2026
மீனாட்சியும் தலையாட்டி பொம்மையும் ↗
கல்யாணமானதும் ஒவ்வொரு பெண்ணின் சொந்த ஊர் மதுரை ஆகிறது.
- tech / 2024
Embracing AI in Web Design: Top Tools to Elevate Your Workflow ↗
In today’s fast-paced digital landscape, web design companies are increasingly turning to artificial intelligence (AI) to streamline workflows, enhance creativity, and improve efficiency. With the…
- tech / 2024
GitHub repo for simple Next.js project ↗
I have been learning Next.js and here is my repo and a small demo of what I have done so far. GitHub Repo: https://github.com/ramchandev/anartby2 Quick Demo of these features: Pages: Home Page,…
- tech / 2024
How to consume data from Hygraph using Params – Part 2 ↗
You can get data from Hygraph using useEffect and useState. You can follow these steps: Create a file inside your app folder: app > (routes) > products > \ components > CatDetails.jsx Include Section…
- tech / 2024
How to get data from Hygraph in next.js using params ↗
Yes, it is pretty simple. use this code and update your query.
- tech / 2024
React Series #12: How to consume data from Hygraph and use it in the next.js project ↗
All this time we have been doing internal content. But here is how we can fetch data from Hygraph to show it on the website. Step 1: After login to the Hypragh go to your project and in your project…
- tech / 2024
React Series #13: How to fix duplicate log entries in console of next.js projects ↗
By default in next.js the log will come twice, let’s see how to fix it. Got to next.config.mjs add this code If you don’t have any other setting then you can skip the (,) if not then add a comma.…
- tech / 2024
React Series #10: Understand the folder structure in react next.js project ↗
It is essential to understand the folder structure to master the linking. So you can easily create navigations. Using this you can create static links and dynamic route How to create a static page…
- tech / 2024
React Series #11: Create navigation, sub-menu and loop from the internal dataset ↗
For navigation here is a layout that is adopted from the tailwind header layout. In this example, the data set is present inside the file. To make this navigation and sub nav, please install these…
- tech / 2024
React Series #09: How to create Header in react next.js project ↗
Create header components as I explained in this post. Let’s have 3 main elements in the header, Logo (Image), Links (Navigation), and Button. Install Navigation Menu from Shadcn/UI Install Button…
- tech / 2024
React Series #07: How to install shadcn UI in next.js project ↗
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…
- tech / 2024
React Series #08: How to create component in react next.js project ↗
Step1 : Create a folder “\ components” inside the app folder Step 2: Create a file called Header.jsx and use the redux autocomplete “rfce”. See the below video Step 3: Update the content part in…
- tech / 2024
React Series #00: How to install Node in Mac, Linux, and Windows ↗
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…