Development Environment Setup Guide

πŸ“‹ Overview

This guide provides comprehensive instructions for setting up a complete development environment for OASIS and STARNET development.

πŸ› οΈ Prerequisites

System Requirements

  • Operating System: Windows 10/11, macOS 10.15+, or Linux (Ubuntu 20.04+)

  • RAM: Minimum 8GB, Recommended 16GB+

  • Storage: At least 20GB free space

  • Network: Stable internet connection

Required Software

  • Node.js: Version 18.x or higher

  • .NET SDK: Version 9.0 or higher

  • Git: Latest version

  • Docker: Optional but recommended

  • Visual Studio Code: Recommended IDE

πŸš€ Quick Setup

1. Install Node.js

2. Install .NET SDK

3. Install Git

πŸ—οΈ Project Setup

1. Clone Repository

2. Install Dependencies

Backend (STAR Web API)

Frontend (STARNET Web UI)

3. Environment Configuration

API Configuration

Create appsettings.Development.json:

UI Configuration

Create .env.local:

🐳 Docker Setup (Optional)

1. Docker Compose

Create docker-compose.yml:

2. Run with Docker

πŸ”§ IDE Configuration

Visual Studio Code

Settings

Create .vscode/settings.json:

πŸ§ͺ Testing Setup

1. Backend Testing

2. Frontend Testing

3. Integration Testing

πŸš€ Running the Applications

1. Start Backend API

2. Start Frontend UI

3. Verify Setup

  • API: http://localhost:5099/swagger

  • UI: http://localhost:3000

  • Health Check: http://localhost:5099/health

πŸ” Debugging

Backend Debugging

  1. Set breakpoints in Visual Studio Code

  2. Press F5 to start debugging

  3. Use the debug console for inspection

Frontend Debugging

  1. Open browser developer tools

  2. Use React Developer Tools extension

  3. Set breakpoints in VS Code

Common Issues

Port Conflicts

Node Modules Issues

.NET Build Issues

πŸ“Š Performance Optimization

Backend Optimization

  • Enable response compression

  • Configure caching

  • Optimize database queries

  • Use async/await patterns

Frontend Optimization

  • Enable code splitting

  • Optimize bundle size

  • Use lazy loading

  • Implement caching strategies

πŸ” Security Configuration

Development Security

Environment Variables

πŸ“š Additional Resources

Documentation

Community

πŸ†˜ Troubleshooting

Common Problems

Build Failures

  • Check .NET SDK version

  • Verify Node.js version

  • Clear NuGet cache: dotnet nuget locals all --clear

  • Clear npm cache: npm cache clean --force

Runtime Errors

  • Check environment variables

  • Verify database connections

  • Review log files

  • Check firewall settings

Performance Issues

  • Monitor memory usage

  • Check CPU utilization

  • Review database queries

  • Optimize asset loading

Getting Help

  • Documentation: Check the docs first

  • Community: Ask on Discord

  • Issues: Report on GitHub

  • Support: Contact support@oasisplatform.world


This setup guide ensures you have a complete development environment for OASIS and STARNET development.

Last updated