Hussnain Ahmadpsychocoder.hashnode.dev·8 hours agoRevizio: A Flashcard Tool to Boost Retention Through Spaced RepetitionHi, I am writing after one month now. Previously, I ended my series “Weekly Dev Journal” that I was writing from start of 2023. after that, I didn’t get motivation to write about something. Then, I got idea for articles, and I thought I made projects...Discuss·1 likeBuilding from Scratchbuilding from scratch
ilham adhimilhamadhim.hashnode.dev·Nov 4, 2024From Curiosity to Code: Building with Supabase & ShadcnI’ve been in Front-End Development for 5 years and have grown too comfortable with it. I like building things and have been observing on how my Backend peers work on their things when it comes to building web applications. Down the road, I’ve heard f...Discusssupabase
Ron Gissinrongissin.hashnode.dev·Oct 27, 2024Create Your Own Portfolio Website Easily with Github + VercelIn this article, I will explain how I built my own developer portfolio website using Next.js and the Vercel + Github seamless integration for hosting and CI/CD.You can use this as a “recipe” to get your own portfolio up and running in no time. You ca...DiscussVercel
Ulaş Özdemirulasozdemir.com.tr·Oct 17, 2024NextJS Theme Mode ToggleIn every project, I have a hard time deciding where to place the theme toggle and how to design it. It may seem simple, and many might not think much of it, but I know there are others out there who share my obsession. So, I'm determined to resolve t...Discuss·1 like·237 readsNext.js
Think Throothinkthroo.hashnode.dev·Oct 14, 2024How Shadcn CLI uses error constants to improve code readabilityIn this article, we analyze how a file named error.ts is used across the shadcn/ui code base. utils/errors.ts error.ts contains 12 variables: export const MISSING_DIR_OR_EMPTY_PROJECT = "1" export const EXISTING_CONFIG = "2" export const MISSING_CON...DiscussJavaScript
Sébastien Conejosebastienconejo.hashnode.dev·Oct 8, 2024How to create a newsletter signup form in just 20 minutes with shadcn/UI and ManifestIn today’s digital world, being able to quickly test your ideas and interact with your users is crucial, whether you’re building an MVP, launching a startup, or delivering a project on a tight deadline. Creating a newsletter subscription form is ofte...Discusswebdev
Tapas Adhikaryblog.greenroots.info·Sep 16, 2024Effective Ways to Manage Shadcn Dialog Box: 3 Tips with CodeRecently I encountered a couple of challenging use cases with the shadcn/ui dialog box with forms as its content. As I learned to tackle them, here is what I learned to share with you, hoping that it helps you as well. First, the shadcn dialog box co...Discuss·22 likes·1.7K readsNext.js
soumyaranjan pandasoumyaranjandev.hashnode.dev·Sep 16, 2024Meet noteX: The AI Tool for Smart Note-TakingIn this article, I’ll show you how I built noteX, an AI-powered note-taking app, using a mix of free tools for both the frontend and backend. NoteX uses modern web technologies like Vite, React, Shadcn, Acternity-UI, Appwrite, and Google’s Gemini Pro...Discuss·10 likes·29 readsActernity
Vishal Sharmacodreline.hashnode.dev·Sep 9, 2024HashPulse: Visualize Your Hashnode Success with One-Click AnalyticsAs a developer and content creator, have you ever wished for a quick and easy way to see how your Hashnode posts are performing? Enter HashPulse - a sleek, user-friendly tool I built to give Hashnode writers instant insights into their content's impa...DiscussHashPulse
Khushaal Choithramanikhushcodez.hashnode.dev·Aug 29, 2024Make a share button in Nextjs & ReactjsFor this project, I am using Nextjs & React, for styling I have implemented Tailwind CSS and shadcn as component library. We need to install a npm package called 'react-share' npm install react-share The following contents should be placed in ./page...DiscussReact