Md Kawsar Islam Yeasin yeasin2002

Initialize npm empty file

npm init -y

Install postcss

npm install -D postcss postcss-cli autoprefixer cssnano cssnano-preset-advanced

Tailwindcss install Stap by Stap by postCSS

install process

initialize npm empty file

npm init -y

install tailwindcss by postcss with auto prefixed

for nextjs:

{
  "include": ["**/*"],
  "exclude": ["node_modules", "**/node_modules", "dist", "build", ".next"],
  "compilerOptions": {
    "paths": {
      "@/*": ["./*"]
 },

"use client";

import { cn } from "@/utils";
import { Eye, EyeOff } from "lucide-react";
import { useState } from "react";
import type { UseFormRegisterReturn } from "react-hook-form";

interface InputForPasswordProps extends React.ComponentProps<"div"> {

html

    <div class="skeleton-loader"></div>

CSS

The Problem

export function App() {
  return (
    <CountProvider>
      <AuthProvider>
        <ThemeProvider>
          <CacheProvider>
            <IntlProvider>
              <TooltipProvider>

Authentication Session Manager

A lightweight authentication session management system for Next.js applications using JWT tokens and HTTP-only cookies.

Overview

This module provides a complete session management solution that handles user authentication through encrypted JWT tokens stored in secure HTTP-only cookies. It's designed for Next.js applications and includes functions for login, logout, session retrieval, and automatic session refresh.

Features

/*
File: contexts/AuthContext.tsx
Description: React context for authentication using JWT stored in HTTP-only cookies.
*/
import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';

// --- Types ---
export interface User {

zod-to-openapi — guide & example

A concise, practical reference for using @asteasolutions/zod-to-openapi to:

maintain one source of truth (Zod schemas) for both runtime validation and OpenAPI docs.
generate an OpenAPI v3 document from your Zod schemas.
use the same schemas to validate Express requests.

This file is meant to be used as a quick reference or instruction set for Copilot / Cursor / Kiro assistants. Keep schemas central, descriptive, and versioned.

	"use strict";
	// Future versions of Hyper may add additional config options,
	// which will not automatically be merged into this file.
	// See https://hyper.is#cfg for all currently supported options.
	module.exports = {
	config: {
	hyperBorder: {
	// borderColors: ["random", "random"],
	borderColors: ["#fc1da7", "#fba506"],
	borderWidth: "8px",