/vaporwave

✨ Vaporwave effect.

Primary LanguageTypeScript

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: hi@gabrieldejesus.dev