Vijay Deepak vijaydeepak-vd

Next.js Starters

A list of CLI generators, starter kits / boilerplates and toolkits to kick start your Next.js apps.

What is included in this list:
- Has ~1K+ Github stars
- Actively maintained / up to date
- Includes a style / css solution or UI Framework
- Includes a database
Includes authentication / authorization

Node.js Deployment

Steps to deploy a Node.js app to DigitalOcean using PM2, NGINX as a reverse proxy and an SSL from LetsEncrypt

1. Sign up for Digital Ocean

If you use the referal link below, you get $10 free (1 or 2 months) https://m.do.co/c/5424d440c63a

2. Create a droplet and log in via ssh

I will be using the root user, but would suggest creating a new user

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️

Name	Stars	Last Commit	Description
three.js	![GitH

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "your_email@youremail.com"

	# CLAUDE.md

	Trailmark — an iOS app for logging hikes, backed by a Node.js REST API.

	- `ios/` — SwiftUI app, iOS 17+, native components only
	- `api/` — Node 22, TypeScript, Express, Postgres 16 (Kysely)
	- `packages/contracts/` — zod schemas + generated OpenAPI. Single source of truth for both sides. Change the contract first, then the server, then the client.

	Nested rules live in `api/CLAUDE.md` and `ios/CLAUDE.md`. Longer workflows (release, migration, security review) are skills in `.claude/skills/` — do not paste them here.


	╭─── Claude Code v2.1.12 ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
	│ │ Tips for getting started │
	│ Welcome back Jonny! │ Run /init to create a CLAUDE.md file with instructions for Claude │
	│ │ │
	│ │ ───────────────────────────────────────────────────────────────── │
	│ ▐▛███▜▌ │ Recent activity

	import React from 'react';
	import moment from 'moment';
	import Image from 'next/image';
	import Link from 'next/link';

	const FeaturedPostCard = ({ post }) => (
	<div className="relative h-72">
	<div className="absolute rounded-lg bg-center bg-no-repeat bg-cover shadow-md inline-block w-full h-72" style={{ backgroundImage: `url('${post.featuredImage.url}')` }} />
	<div className="absolute rounded-lg bg-center bg-gradient-to-b opacity-50 from-gray-400 via-gray-700 to-black w-full h-72" />
	<div className="flex flex-col rounded-lg p-4 items-center justify-center absolute w-full h-full">