"Frontend Developer | HTML, CSS, JavaScript, React | Sharing coding tips, Technical Writer, and developer journeys | Building the web, one pixel at a time 🚀"
If you know you f**k with my posts and you often retweet, just drop your stake usernames under this post. I want to be gifting only y’all henceforth every week for being such wonderful followers.
Please only those who have even f king with my posts as I’ll check
Still not on stake? Join via stake.com/?c=f213c5ba25&offe…
Promo code banks
I have over 1M to share today.
Day 13/100: Tables that talk!
Built dynamic tables with Chakra UI:
🔹 Displayed data cleanly
🔹 Added sorting logic
🔹 Prepping pagination next
From raw data to polished UI — we’re moving.
#100DaysOfCode#ChakraUI#Nextjs#Frontend#WebDev
Day 12/100: Auth gates up!
Today I set up authentication with NextAuth.js:
🔐 Connected sign-in flows
🛡️ Protected routes with middleware
✅ Basic session management working
Security first, always.
#100DaysOfCode#Nextjs#NextAuth#WebSecurity#Fullstack
Day 11/100: Pop-ups & Toasts
Today was all about Chakra UI interactivity:
🔹 Built modals for user actions
🔹 Triggered toast notifications like a pro
🔹 UI feedback = smooth and responsive
The interface is finally talking back.
#100DaysOfCode#ChakraUI#Nextjs#Frontend
Day 10/100: Backend unlocked!
Dived into API routes in Next.js today:
🔹 Created custom /api/hello route
🔹 Returned JSON responses
🔹 Prepping for backend integration next
Next.js ain't just frontend—it's full-stack fire.
#100DaysOfCode#Nextjs#API#WebDev#Fullstack
Day 9/100: Chakra got a whole vibe!
Today I explored Chakra UI theming dark mode:
🔹 Customized my color palette
🔹 Added a dark mode toggle
🔹 Watched my UI flip from day to night like magic
Clean. Smooth. Responsive.
In the kitchen 😋
#100DaysOfCode#Nextjs#ChakraUI
Day 8/100: Image Optimization Magic!
Today I leveled up by using Next.js' built-in image optimization. Next.js's <Image> component is making my app faster and my images crisp—lazy loading, responsive sizes, all in one.
#100DaysOfCode#Nextjs#WebDev#ImageOptimization
Day 7/100: One week in!
Today’s focus:
🔹 getStaticProps & getServerSideProps
🔹 When and why to use them
🔹 Built a simple blog page
Next.js is starting to click.
#100DaysOfCode#Nextjs#React#BuildInPublic
Day 6/100: Slow day, but progress is progress.
Didn’t do much, but I managed to:
🔹 Review API routes
🔹 Clean up file structure
🔹 Plan for deeper dive into data fetching
Some days hit harder, but I’m still standing.
No repeat. No surrender.
#100DaysOfCode#Nextjs#React
Day 5/100: Leveling Up with Next.js! 🚀
Today I:
🔹 Implemented API routes
🔹 Refined dynamic pages
🔹 Dug into server-side rendering
Exhausted but pushing through—no repeat, no surrender. Keep grinding!
#100DaysOfCode#Nextjs#React#WebDev
Day 4/100: Still in the grind! 💻🔥
Today I tackled more of Next.js:
🔹 Pages vs Components
🔹 Layout structure
🔹 Basic styling with CSS modules
Energy’s still low, but consistency > comfort.
No repeat, no surrender. 🫡
#100DaysOfCode#Nextjs#React#Frontend#WebDev
Day 3/100: Completed!
Been crazy busy and low on energy today—but no excuses. I still showed up and got it done.
Continued my Next.js journey:
🔹 Dynamic routing
🔹 Link component
🔹 Navigating between pages
Tired, but proud. Onward.
#100DaysOfCode#Nextjs#React#WebDev
Day 2/100 with Next.js ✅
Built global layouts, learned the server vs client game, and dropped my first interactive component.
Next stop: smooth routing 👀
We go again tomorrow 💻🔥
#NextJS#React#BuildInPublic#100DaysOfCode
Day 1/100: Kicking off #100DaysOfCode with Next.js! 🚀
With my React background, I dove into:
🔹 Intro to Next.js
🔹 Set up my first project
🔹 File-based routing
Also created a 21-day roadmap for my Next.js course—check it out below! 📅💻
#React#Nextjs#Frontend#WebDev
💡 Back at it! 🚀
Life got busy, but I’m not letting that stop me. I’m officially starting my #100DaysOfCode journey! 🔥
For the next 100 days, I’ll be coding daily, sharing my progress, and building cool projects. Follow along and let’s grow together!
#100daysofcoding