Skip to content

Latest commit

 

History

History
85 lines (55 loc) · 2.07 KB

readme.md

File metadata and controls

85 lines (55 loc) · 2.07 KB

Next.js Vaporwave Effect


Vaporwave Effect
An application that demonstrates an effect of the aesthetic created by Vaporwave
the microgenre of electronic music.

Created by Gabriel de Jesus.

✨ Features

  • ⚡️ Next.js 13 (App Router)
  • ⚛️ React 18
  • ⛑ TypeScript
  • 📏 ESLint — To find and fix problems in your code
  • 🗂 Path Mapping — Import components or images using the @ prefix

🚀 Quick Start

Clone repository

git clone https://github.com/gabrieldejesus/vaporwave
cd vaporwave

Install dependencies

npm install

🦾 Development

To start the project locally on development, run:

npm run dev

Open http://localhost:3000 with your client to see the result.

📜 Documentation

🚨 Requirements

  • Node.js >= 16

🗂️ Directory Structure

  • public — Static assets such as images, and favicon.
  • src — Application source code, including pages, components, styles.

🦾 Scripts

  • npm run dev — Starts the application in development mode at http://localhost:3000.
  • npm run build — Creates an optimized production build of your application.
  • npm run start — Starts the application in production mode.
  • npm run lint — Runs ESLint for all files in the src directory.

🗂️ Path Mapping

TypeScript are pre-configured with custom path mappings. To import components or files, use the @ prefix.

import { Button } from "@/components/Button";

// To import images or other files from the public folder
import avatar from "@/public/avatar.png";

🐞 Bugs, help, issues or new updates

If you need any help tu run this app or want to make new updates just contact me at: [email protected]