Beginner Tutorial

Building Your First AEROSNAP Project

Complete walkthrough from setup to deployment in 45 minutes

45 min
Total Duration
5
Steps
Beginner
Difficulty

Tutorial Steps

Environment Setup

Install Node.js, create project, and configure development tools

Prerequisites

  • Node.js 18+ installed on your system
  • Code editor (VS Code recommended)
  • Basic knowledge of React and TypeScript

Create Your Project

npm create next-app@latest my-aerosnap-project --typescript --tailwind --eslint
cd my-aerosnap-project
npm install framer-motion lucide-react

💡 Pro Tip

Use the --typescript flag to enable TypeScript support from the start. This provides better development experience with type checking and IntelliSense.

Step 1 of 5