iamshubhamjangle

SaaS Starter Prompt

Use this prompt with Codex, Claude Code, Cursor, Gemini CLI, or another coding agent to bootstrap a production-ready SaaS project.

---

You are a senior full-stack engineer.

I want you to build and configure a production-ready SaaS application using the stack below.

iamshubhamjangle

Installation

npm i @tanstack/react-query
npm i -D @tanstack/eslint-plugin-query

Setup

// App.jsx
// Create a client

iamshubhamjangle

"use client";

import Image from "next/image";
import toast from "react-hot-toast";
import { X } from "lucide-react"; // Assuming the X icon from lucide-react is available
import { Card, CardContent, CardFooter } from "./card";
import { useState, useCallback, Dispatch, SetStateAction } from "react";
import { useDropzone, FileRejection } from "react-dropzone";

type ImageDropzoneHook = {

iamshubhamjangle

Setting up new yarn nextjs project

yarn create next-app my-app     # Create new project my-app
yarn install                    # Install all dependencies
yarn dev                        # Run development server
yarn add lodash                 # Add new package
yarn remove lodash              # Remove a package

Depends on what version your on. For 12 next/future/image and 13 here's a fun trick:

iamshubhamjangle

Links

• Powerline
• lsd
• scoop
• JB fonts

Git Bash Profile JSON

{

iamshubhamjangle

const arr = document.getElementById('followers')
const followers = [];
arr.querySelectorAll('a[href^="/"]').forEach(a => {
    followers.push(a.href)
});

const following = [];
const arr2 = document.getElementById('following')
arr2.querySelectorAll('a[href^="/"]').forEach(a => {
    following.push(a.href)