Using Claude Code to make SAAS

-

 https://www.youtube.com/watch?v=pZzQOMNmx4c&list=LL&index=1

Use https://www.inngest.com/ for workflows management , like long running processes & checklogs











Payment processing https://polar.sh/

has adming page











https://posthog.com/ : Product analytics like pendo

these products are open soufce , you can self host and use them for freee , free tier is generus can easily launch MVP

https://www.youtube.com/watch?v=JQ86N3WOAh4

Tech Stack

starter project

NPM vs NPX

open vscode
open the folder where you want your project
type the following 










NPM vs PNPM

The primary difference between npm and pnpm lies in how they manage and store dependencies on your disk. While npm (Node Package Manager) is the industry standard shipped with Node.js, pnpm (Performant npm) is a specialized alternative focused on speed and disk efficiency.

 

















start project by 

  • npm install
  • npm run dev

Misc Learning

This error, npm error ERESOLVE could not resolve, is a dependency conflict. It happens when two or more packages in your project require different, incompatible versions of the same dependency

Misc Learning

npm error Your cache folder contains root-owned files, due to a bug in

npm error previous versions of npm which has since been addressed.

npm error

npm error To permanently fix this problem, please run:

npm error   sudo chown -R 501:20 "/Users/ < username >/.npm"

Misc Learning

✓ Starting...

Error: Could not find a production build in the '.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id

    at ignore-listed frames

This error happens because npm start is designed to run your app in production mode, which requires a pre-compiled version of your code. Unlike npm run dev (which builds files on the fly), npm start looks for a completed build in the .next folder.

To resolve this, you need to run the build command first:

The Solution
Run these two commands in order:

Build the project:
  • bash
  • npm run build
Start the server:
  • bash
  • npm start

Why this happens ?
  • npm run dev: Best for coding. It watches for changes but is slower for users.
  • npm run build: Compiles, optimizes, and minifies your code into the .next folder.
  • npm start: Simply serves that optimized .next folder. If you haven't run the build yet, there is nothing for it to serve.

 













These tables are used by Better Auth to implement user authentication system





















In order to add new Database table two options 1) either type in schema.ts 2) or use claude code










add a table like











In order to create a new table use the command in following order

  • npm run db:generate
  • npm run db:migrate

For Authentication , we will use https://better-auth.com/ with google

click on "oAuth Consent Screen"





































Then create client









13:01

  • How to setup open router for AI
  • add credit

ok

Comments

Post a Comment

Popular posts from this blog

LLM Engineering course : Day 1

-
Image
 Anaconda Power Shell    this will open , way you know if it is a anaconda power shell by seeing "base" Then you can install the full environment    then to activate use command "conda activate llms"     Open Ques "what is environment.yml" Then activate the conda environment and open jupyter lab   you can start with virtualenv as well (all details in readme) Video 11 : Day 1 every AI has 2 types of plan 1) pro plan with UI monthly subscription 2) API pricing , pay per request, for OPEN API need to put in 5$ pre payment (can use gpt4-o-mini for less cost)  (all details in readme)  Video 11:  store keys in .env files (all details in readme)  Video 14 there are two types of prompt   Video 15 OpenAI came up with a standard way of interacting with LLMs which is now standard for many LLMs. It is a list of dictionaries. Use completions API https://platform.openai.com/docs/guides/completions   For websites that use Java...
Read more

Agentic AI Course : Week 1

-
Image
8 weeks https://edwarddonner.com/2024/11/13/llm-engineering-resources/  6 week Agentic AI Course https://github.com/ed-donner/agents the file .env has all the keys select kernel https://github.com/ed-donner/agents/blob/main/1_foundations/1_lab1.ipynb import os openai_api_key = os.getenv( 'OPENAI_API_KEY' ) from openai import OpenAI openai = OpenAI() messages = [{ "role" : "user" , "content" : "What is 2+2?" }] response = openai.chat.completions.create(      model= "gpt-4.1-nano" ,      messages=messages      ) print (response.choices[ 0 ].message.content) Day 2 : what are AI Agents? 5 different patterns for agentic systems https://lavnish.blogspot.com/2025/05/essential-design-patterns-for-building.html In General Day 3 comparing different models  https://www.vellum.ai/llm-leaderboard syntax to call diff LLMs openAI , anthropic, gemini, deepseek, groq https://github.com/ed-donner/agents/blob/main/1_foundations/2_lab2.ipynb...
Read more

LLM Engineering : Week 2

-
Day 2.1 setup  anthropic api key google api key (more complex) update .env file     What is Temperature ?  Pass value between 0 to 1. 1 is most creative , 0 is least There is a slight difference in Claude API and OpenAI  in claude API we pass system message and user message separately in claude we also give context  if you want to stream , in claude there is an extra method , in openAI there is a boolean attribute.    Day 2.2 : Gradio         Day 2.3         Day 2.4 Day 2.5          
Read more