Get up and running with the NestJS tutorial in 5 minutes!
Step 1: Install Dependencies
npm install
Step 2: Start the Server
npm run start:dev
You should see:
🚀 Application is running on: http://localhost:3000
📱 Frontend available at: http://localhost:3000/public/index.html
Step 3: Open the Frontend
Open your browser and go to:
http://localhost:3000/public/index.html
Step 4: Try It Out!
Test GET Request
- Click the "Refresh (GET)" button
- See the list of tasks/users loaded from the API
Test POST Request
- Fill in the form (Title for tasks, Name/Email for users)
- Click "Create Task (POST)" or "Create User (POST)"
- See the new item appear in the list
Test PUT Request
- Click "Edit (PUT)" on any item
- Enter new values when prompted
- See the item update
Test DELETE Request
- Click "Delete (DELETE)" on any item
- Confirm the deletion
- See the item removed
Test OPTIONS Request
- Click "Test OPTIONS" button
- See the CORS preflight response in the API Response section
What You'll See
- Modern UI: Beautiful, responsive interface
- Real-time Updates: Changes reflect immediately
- API Responses: See the actual API responses below
- All HTTP Methods: GET, POST, PUT, DELETE, OPTIONS
Next Steps
- Learn the Basics: Read 01-beginner/README.md
- Explore the Code: Check out
examples/backend/src/andexamples/frontend/ - Progress: Move to 02-intermediate/README.md
- Master: Complete 03-advanced/README.md
Troubleshooting
Port 3000 already in use?
PORT=3001 npm run start:dev
Module not found?
rm -rf node_modules package-lock.json
npm install
Need help? Check SETUP.md for detailed instructions.
Happy coding! 🎉