Implementing OAuth in Chrome Extension

Day 2 of building chrome extension: highlight key points on any url. You can AI summarize the highlighted key points.

Today I implemented Oauth.

- use any auth lib on a project hosted on Vercel with JWT.
- Each time your chrome extension calls the API, the browser attaches http only cookie.

Super excited about the newly launched Vercel Workflows!

Inngest has `step .ai.infer()` to cut down serverless costs.

On Vercel Pro, you get very limited compute time - and slow AI calls especially to video models can drain that fast.

Now it looks like Vercel Workflows might finally fix this.

AGI is still very far away

Models like GPT-5-Pro, Claude Opus-4 and 4.1, and OpenAI o1 are too expensive for daily use.

On top of that, their performance doesn’t justify the steep increase in price.

How to Save videos or MP3s for offline playback

How to Save videos or MP3s for offline playback (like Youtube's download button) using the browser’s Cache Storage API.

The best way to learn new tech? Just build something.

While creating my API-based conversion tool, I picked up:

• Inngest (going to Cloudflare Workflow - it is the cheapest)
• Clerk - for login
• PostHog, Vercel Analytics
• Hono with OpenAPI and zod

Building keeps the learning momentum going.

structured outputs tips for aisdk:

prefer `nullable` over `optional` in your JSON schema.

Some providers (Azure/OpenAI via OpenRouter) require every property in required - optional props can trigger invalid_json_schema. Use null for missing, validate client-side.

My Vercel Pro usage is minimal. But the moment I switch to the free tier, I start getting usage warnings.

Still making $0, yet paying $20/month.
Entrepreneurship is hard.

Soon moving to Hetzner + Cloudflare CDN.

Same with the Neon Database

Only @Cloudflare R2 free tier - hasn't betrayed me yet.

V0 vs Lovable:

You don't need to learn how to code - worst advice ever.

Lovable: Looks like a spreadsheet but formulas doesn't work at all.

V0: couldn't even create a spreadsheet.

Ended up with @Syncfusion's Free Community Edition React SpreadSheet.

@obsdmd is better than Notion

It doesn’t even need AI to beat Notion.

Its advantage - notes are in Markdown. You can simply open the vault (which is just a folder) in Cursor.

You get autocompletion, Agents, ctrl+k quick edits.

Changes are instantly reflected in Obsidian

LLM Caching in Aisdk

- tool caching by wraping the tool calls ai-sdk-tools
- LLM Call caching by using caching middlewar

both powered by upstash

You don't have to pay for AI Models

- All Gemini models are 100% free via Gemini AI Studio
- AI SDK - I am given $5 per month on both free and pro
vercel Account

Day 6 of building Cursor for SpreadSheets: powered by aisdk and syncfusion SpreadSheet

Now Quick Edit can
- change formats (bold, underline, border color, thinkness, color, background color and everything else)
- merge and unmerge cells
- change values
- change formulas

You can also undo/redo.

Day 4 of building Cursor for Spreadsheets
AI Ctrl + K Quick Edit is Completed.

Claude, GPT-5, Gemini - all of them hallucinated Syncfusion's API. Even pasting the entire docs into the prompt didn't help.

So I went old-school: docs + console logs + endless tinkering. Finally, it works.

Day 4 of building Cursor for Spreadsheets

I integrated fully functioning @Syncfusion react spreadsheet component. Almost all of the expected spreadsheet features work out of the box.

Techstack:
- nextjs
- tailwindcss

Next Step: Implementation of Ctrl + K AI Quit Edits

Day 3: I found out that out of these react spreadsheet library, Syncfusion and Fortune Sheet were seemed easiest.

Then Syncfusion granted me the license for its component for Free.

So going to stick with the syncfusion. Syncfusion also gives nextjs based examples.

Will post how it goes here.

Day 2: Today I explored various React Library for building spreadsheet:

- AG Grid
- react-data-grid
- ReactGrid
- Syncfusion: free community license applied
- Jspreadsheet CE
- kendo-react-ui
- fortune-sheet: free and open source; supports formulas

Day 1: I am building cursor for spreadsheet.

My tech stack:

- next.jsx
- neondatabase postgresql with DrizzleORM
- ClerkDev for auth
- hosting at vercel
- shadcn, and tailwind
- ai using aisdk

We are in Tech Bubble.

People still don't know how to use Cursor and Lovable.

They are paying $2500 just to build nextjs and supabase (image source: upwork)

finding the gap in new tech is next thousand (or million) dollar opportunity.

You have to invest your time, energy and money without getting paid.

- creating brand
- free trial and credit

They say that stay with your tech stack. This way you will be faster to ship

But at the same time, I see that If we adapt a new tech, we will be able to find teh probelms and fix them quickly.

@pontusab.bsky.social ontusab adapted cursor quickly. Found a hole and plugged it

Transfer your domain to GoDaddy from Bluehost and save money.

On Bluehost, they charge you INR 2026. While Godaddy charges only Rs. 1199 (Tax included.) - it is the first year charge. 2nd year - 1700 (Tax included.).

Godaddy already includes Domain Privacy. But bluehost charges around INR 300.

🚀 Expo Router v6 is here!

@bacon.bsky.social and his team bring more native iOS magic into React:

◆ <Link.Preview> & <Link.Menu> for previews + context menus
◆ More server features for advanced web
◆ React-first APIs that just work™️

Details in the blog:
expo.dev/blog/expo-ro...

How to store your react state into the url permanently:

- Instead of `useState`, use `useQueryState` + `NuqsAdapter`.

Now, to access searcparams in the server-side,

1. use `shallow: false`
2. `createSearchParamsCache` and its `parse`, and `get` methods

cool

Maslow's "hierarchy of needs" pyramid

I am 30, and I have not fulfilled most of these needs

How many of you have done it? Hoping to Complete most by building in public.

Vercel dashboard showing the Function Regions settings page. The dropdown menu lets you choose the region where your serverless functions run. In this example, the option to move functions closer to your users is highlighted.

My app felt slow. Turns out my server + DB were in the US while my users are in India.

On @vercel, Move it to nearest to your region. Settings > Functions > Function Regions

On @neondatabase: create a new database in the nearest region

Backup it using `pg_dump` and restore it using `psql`

waah!!! This is awesome

Thanks

ajaycodewiz.tech

Right now there is a war going on between vercel and Cloudflare

Personally, I use both and like both - use Vercel for Nextjs App hosting and Cloudflare for Images and PDfs, and caching.

Slowly I will move my vercel and neon to Hetzner + Cloudflare.