- Project Overview
- Features
- Tech Stack
- Architecture & Directory Structure
- Getting Started
- Configuration
- License
- Contact
Gallery is a sample project built with Next.js and TailwindCSS, using TypeScript.
It demonstrates a modern front-end application setup with responsive design, environment configuration, and best practices for scalable code organization.
Use cases include:
- Portfolio sites, image galleries, or CMS-driven display of visual content
- Starter boilerplate for experimenting with Next.js + Tailwind + TypeScript workflows
- Learning or demonstration of dev to production pipelines
- Clean, responsive UI built with TailwindCSS
- Type safety via TypeScript
- Fast local development with hot reloading
- Configurable via environment variables and
next.config.js - ESLint / linting + formatting best practices
| Layer | Technology |
|---|---|
| Framework | Next.js |
| Styling | TailwindCSS |
| Language | TypeScript |
| Linting & Formatting | ESLint, Prettier (if configured) |
| Tooling | Node.js, npm / yarn / pnpm |
/
├── public/ ─ Static assets (images, sprites, etc.)
├── src/ ─ Application source code
│ ├── pages/ ─ Next.js pages / routes
│ ├── components/ ─ Reusable UI components
│ ├── styles/ ─ Tailwind / global CSS
│ └── utils/ ─ Utility functions, helpers
├── .devcontainer.json ─ Dev container config (optional)
├── tailwind.config.ts ─ Tailwind configuration
├── next.config.ts ─ Next.js configuration
├── tsconfig.json ─ TypeScript config
├── package.json ─ Dependencies & scripts
└── README.md ─ This document
- Node.js (v18+ recommended)
- npm, yarn, or pnpm
- Git
git clone https://github.com/dmascia/Gallery.git
cd Gallery
npm install
# or
yarn install
# or
pnpm installStart the local development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 to view in browser. Changes you make will auto-reload.
npm run build
npm start
# or using other package manager equivalents• next.config.ts — for Next.js runtime and build-time configs
• tailwind.config.ts — controlling styles, themes, etc.
• .env.local (or other .env.*) — you can add environment variables if needed
This project is licensed under the MIT License — see the LICENSE file for details.
⸻
Project maintained by dmascia.