๐Ÿฟ 1 easy way to speed up your Dev Time


Hey friend,

I have been working on something very exciting ๐Ÿš€.

It is a completely free course.

Over the years, I have been asked what my best practices for Next.js apps were? What were the learnings after teaching over 10,000 students? well, this simple course will cover a few of those tips.

I'll be sharing 10 easy-to-follow HOT tips ๐Ÿ”ฅ for Next.js apps in 10 days!

If you want to be the first to know when I release it, you can sign up here โ†—๏ธ.

Our Weekly Snack: Let's a create a fun GitHub Action

GitHub Actions is like a recipe book for your code. You write down the steps to build, test and release it, and GitHub Actions follows them automatically whenever you need, saving you time and effort.

Now let's say,

Imagine you're working on a critical project, and your team takes code quality very seriously. To prevent silly mistakes, you set up this hilarious GitHub Action.

  • A developer, let's call them "Sasha," accidentally modifies an untouchable file and submits a pull request.
  • The GitHub Action springs into action!
  • Instead of simply closing the pull request, it posts a hilarious comment:
Hey Sasha, you can't touch the untouchable files ๐Ÿ™ˆ. Instead move them out of "x" directory.

This is just a simple and fun example. But you can do a lot more.

You can also create a Github Action to,

  • ๐ŸŒ… Automatically compresses JPEGs, PNGs and WebPs in Pull Requests or
  • โœ๏ธ To help validate your source code by enforcing consistent coding style and identifying potential issues.
  • ๐Ÿ“ฆ Help cache dependencies (libraries your code relies on) across workflow

Now, Github actions can get slow and can slow down your productivity a lot which can impact your time to delivery and to production.

๐Ÿ‘‡ This is why you should check out the below section ๐Ÿ‘‡.

PRESENTED BY BLACKSMITH

Is slow Github Actions killing your developer productivity?

Get blazing-fastโšก๏ธ GitHub Actions with Blacksmith!

ยท Run GitHub Actions up to 2x faster using modern gaming CPUs instead of decade-old server CPUs from GitHub.
โ€‹ยท Cut costs by 50-75%โ€‹
โ€‹ยท 1-line code change, 5-minute setup - to integrate Blacksmith โœจ
โ€‹ยท Trusted by leading companies - Slope, Muzz, Gitbook, and Fieldguide.

Faster CI enables teams to move faster and significantly improves developer productivity.

And the best part? itโ€™s absolutely free to check it out!

Latest Frontend News

โ€‹A very interesting discussion โ†—๏ธ on SPA's in the world of React and Next as everyone wants a server rendered app.

Such a cool tool for technical diagrams, you can generate diagrams โ†—๏ธ and charts ๐Ÿ“ˆ from simple textโ€‘based descriptions

Now if you use Client components in React and if you make them async, you get an error asking you if you are sure? well this PR โ†—๏ธ helps that issue and needs to happen before it can be a reality.

Want beautiful icons for your project? Look no further as the Lucide React library โ†—๏ธ just crossed 1M downloads

We are all fans of ShadCN UI and I have been hearing great things about Solid UI โ†—๏ธ. This is the Solid version of Shadcn.

Astro has been really surprising me lately. You can now have transitions without JavaScript ๐Ÿคฏ, you NEED to check this demo โ†—๏ธ.
โ€‹
(Please note, Zero-JS View Transitions require Google Chrome 126 or Microsoft Edge 126 to run)

Did you miss last week's newsletter? well look no further, you can view this tweet for a quick visual.

Weekly Youtube Videos

Check it out and subscribe to my channel โ†—๏ธ for more Frontend, Leadership and Career Development content.

How does React compiler actually work?

video previewโ€‹

The Most Underrated feature in Nextjs 15

video previewโ€‹

What do you think of today's Newsletter? Simply click on one of the links below.

ยท ๐Ÿ”ฅ Great job ยท ๐Ÿ˜ You can do better ยท ๐Ÿ‘Ž Not greatโ€‹

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni
skills vercel

Hey Reader, I just dropped a super exciting video that covers all 29 Common Next.js Mistakes that I have seen a lot of developers make (including senior developers). PRESENTED BY GRAPHITE Ship AI-generated code without getting buried in massive PRs. Stacking breaks large changes into small, logical PRs that your team can review and merge in parallel, making development faster and smoother. Graphite is the tool that makes stacking effortless. It, Organizes your work, Highlights clean diffs,...

Cleaner alternative to Next.js Serverless Functions

Hey Reader, Happy New Year! As we begin the year, I have dropped an exciting build for you on Building a Full Stack AI SaaS with Next.js 16, React, Hono.js, Tailwind that helps you find your AI Learning Partners based on your Learning Goals. Make sure to subscribe to my Youtube channel, my goal for this year is to cross 100k subscribers so help me make it happen ๐Ÿ’ช. The source code alongside cheatsheet is completely free! so enjoy and let me know what you think. PRESENTED BY CLERK Meet the...

Tailwind snack

Hey Reader, I just wanted to say thank you for an amazing year ๐Ÿ™ and for all the support. I genuinely wouldnโ€™t get to do this full time without you. I came close to quitting a couple of times, but your comments and messages kept me going. Every time I heard from you, it reminded me why I started ๐Ÿ™Œ. Iโ€™d also love to know if Iโ€™ve helped you in any way. Just hit reply and let me know or share here. And honestly, this goes for any creator you follow too, a small message like that truly makes...