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
Forwarded from Biniyam
One of the best ways to find your next side hustle idea; and making it localized is the cherry on top
@b1n1yamBuilds
@b1n1yamBuilds
Forwarded from Bytephilosopher
แแแซแ แฐแแ แต ๐
Don't forget to go to church
#Sunday
@byte_philosopher
แแแซแ แฅแจแ แฅแ แแแฅ แ แฅแ แฅแแฐแแซแแแ แฅแแ แ แฅแ แฅแแฐแแแแ แจแซแดแ แ แแฝ แ แแแแ แจแซแดแ แ แแฝ แซแแแแแค แแแดแแ แตแ แ แแฝ แ แแซแแแข แฎแ 10:14-15
Don't forget to go to church
#Sunday
@byte_philosopher
โค3๐ฅ1