Vaporwave Effect
An application that demonstrates an effect of the aesthetic created by Vaporwave
the microgenre of electronic music.
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 athttp://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 thesrc
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