Skip to content

README.md

Latest commit

 

History

History
55 lines (40 loc) · 1.13 KB

README.md

File metadata and controls

55 lines (40 loc) · 1.13 KB

Next.js Authentication Component

A modern, responsive authentication component built with Next.js and CSS Modules. Features a clean design with sign-in and sign-up functionality, social authentication options, and smooth transitions.

Features

  • Responsive design for desktop and mobile
  • Animated form switching between sign-in and sign-up
  • Social authentication integration (Google & Facebook)
  • Modern UI with background images and overlays
  • Built with Next.js Image optimization

Setup

  1. Clone the repository:
[git clone https://github.com/pamaljayasinghe/Web-Site-Login-and-Signup-Pages-Next.js.git]
  1. Install dependencies:
npm install
  1. Add required images to your public folder:
public/
  └── img/
      ├── logo.png
      ├── signinimg.jpg
      ├── signupimg.jpg
      ├── google.png
      └── facebook.png
  1. Import and use the component:
import AuthComponent from './components/AuthComponent';

export default function Page() {
  return <AuthComponent />;
}

Technologies Used

  • Next.js 14
  • CSS Modules
  • Next.js Image Component

License

MIT