Just got free domain for 1 year for my portfolio through the github student developer pack .TECH domains
Kirubel Sentayehu Portfolio
Kirubel Sentayehu | Full Stack Engineer
Full Stack Engineer specializing in React, Next.js, Django, and AI-powered applications.
❤3
Wouldn't it be better if Telegram had semantic image and video search? 🤔
Manually scrolling through thousands of pictures, videos is such a pain. 😩
Manually scrolling through thousands of pictures, videos is such a pain. 😩
👍2❤1
Vercel provides a free-tier analytics tool
1️⃣ Enable in Dashboard
Go to Vercel Project Dashboard → Analytics
Enable Analytics
2️⃣ Install package
3️⃣ Add to your app (App Router)
4️⃣ Deploy
Deploy to Vercel and analytics start tracking automatically
1️⃣ Enable in Dashboard
Go to Vercel Project Dashboard → Analytics
Enable Analytics
2️⃣ Install package
npm install @vercel/analytics
3️⃣ Add to your app (App Router)
import { Analytics } from "@vercel/analytics/react";
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Analytics />
</body>
</html>
);4️⃣ Deploy
Deploy to Vercel and analytics start tracking automatically
Vercel
Getting started with Vercel Web Analytics
Vercel Web Analytics provides you detailed insights into your website's visitors. This quickstart guide will help you get started with using Analytics on Vercel.
Enable Vercel Speed Insights
1️⃣ Free Performance Insights
Vercel provides Speed Insights to measure real-world performance (Core Web Vitals)
2️⃣ Enable in Dashboard
Go to Vercel Project Dashboard → Speed Insights -> enable
3️⃣ Install package
4️⃣ Add to your app (App Router)
5️⃣ Deploy
1️⃣ Free Performance Insights
Vercel provides Speed Insights to measure real-world performance (Core Web Vitals)
2️⃣ Enable in Dashboard
Go to Vercel Project Dashboard → Speed Insights -> enable
3️⃣ Install package
npm install @vercel/speed-insights
4️⃣ Add to your app (App Router)
import { SpeedInsights } from "@vercel/speed-insights/next";
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<SpeedInsights />
</body>
</html>
);
}5️⃣ Deploy
Vercel
Getting started with Speed Insights
Vercel Speed Insights provides you detailed insights into your website's performance. This quickstart guide will help you get started with using Speed Insights on Vercel.
🔥1
Forwarded from Dagmawi Babi
AI-SDK 6 is out 🎉
• vercel.com/blog/ai-sdk-6
The Agent abstraction is the best, you can build any agent in the most comfortable DX way.
#AISDK
@Dagmawi_Babi
• vercel.com/blog/ai-sdk-6
The Agent abstraction is the best, you can build any agent in the most comfortable DX way.
#AISDK
@Dagmawi_Babi
👏3
https://bundlephobia.com/
Found this app that lets you find the cost of adding a npm package to your bundle. You can also upload your package.json file
Found this app that lets you find the cost of adding a npm package to your bundle. You can also upload your package.json file
Bundlephobia
Bundlephobia | Size of npm dependencies
Bundlephobia helps you find the performance impact of npm packages. Find the size of any javascript package and its effect on your frontend bundle.
Found a great resource for anyone building a project with Next.js 16 and Sanity CMS. This course covers all the foundations for building content-driven web applications.
Check it out here: https://www.sanity.io/learn/course/content-driven-web-application-foundations
Check it out here: https://www.sanity.io/learn/course/content-driven-web-application-foundations
Sanity Learn
Content-driven web application foundations | Sanity Learn
Combine Sanity and Next.js and deploy to Vercel via GitHub to get the fundamentals right. Powering a fast and collaborative development and content editing experience.
🔥1
Check out this tool by Google that allows you to generate UI Designs instantly.
https://stitch.withgoogle.com/
https://stitch.withgoogle.com/
Stitch
Stitch - Design with AI
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
🤩1