Layouts

A collection of responsive layout patterns built using Next.js and SCSS. This project is intended as a UI sandbox for experimenting with modern layout techniques and reusable components.

---

⚙️ Tech Stack

• Next.js
• React
• SCSS (Sass)
• Node.js

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/AshDs25/Layouts.git
cd Layouts

2. Install dependencies

npm install
# or
yarn install

3. Run the development server

npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser to see the app.

---

📁 Project Structure

Layouts/
├── components/          # Reusable UI components
├── pages/               # Next.js page routes
├── public/              # Static assets
├── styles/              # SCSS files
│   ├── globals.scss
│   └── layout/*.scss
├── .gitignore
├── next.config.js
├── package.json
└── README.md

---

✨ Features

• Responsive layouts with flexible structure
• Clean SCSS architecture
• Modular components for reuse
• Scalable for additional layout patterns
• Built with Next.js for fast iteration

---

🔧 Useful Scripts

• npm/yarn run dev – Run development server
• npm/yarn run build – Build for production
• npm/yarn run start – Start production server

---

🙋‍♂️ Author

AshDs25
📍 github.com/AshDs25