Md Kawsar Islam Yeasin yeasin2002

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

The Problem

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

html

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

CSS

"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"> {

for nextjs:

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

Tailwindcss install Stap by Stap by postCSS

install process

initialize npm empty file

npm init -y

install tailwindcss by postcss with auto prefixed

Initialize npm empty file

npm init -y

Install postcss

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

	"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",