مرحله 1: بررسی کنید گره و NPM در حال حاضر در سیستم شما نصب شده است ، اگر آنها را نصب نکنید.
مرحله 2: یک پروژه جدید را با ابزار Vite Build آغاز کنید ، نام پروژه خود را وارد کنید.
مرحله 3: یک چارچوب “React” را انتخاب کنید.
مرحله 4: یک نوع “TypeScript” را انتخاب کنید.
مرحله 5: اکنون سه دستور فوق را یک به یک اجرا کنید.
مرحله 6: LocalHost را بررسی کنید: 5173
مرحله 7: اکنون برنامه React ما با موفقیت ایجاد شده است!
مرحله 8: پروژه را در VS Code باز کنید ، سپس دستور “NPM Run Build” را اجرا کنید. این فرمان کد منبع خود را کامپایل و بسته بندی کرده و در یک فهرست “Dist \” قرار می دهد.
مرحله 9: اکنون می خواهید یک سطل با نام منحصر به فرد ایجاد کنید.
مرحله 10: اکنون میزبان وب استاتیک را فعال کنید.
مرحله 11: اکنون می خواهید خط مشی سطل را اضافه کنید.
مرحله 12: اکنون پرونده ها و پوشه ها را از پوشه Dist در سطل خود بارگذاری کنید.
مرحله 13: سپس به Properties بروید ، به پایین بروید ، می توانید نقطه انتهایی وب سایت سطل را پیدا کنید ، سپس روی آن کلیک کنید.
مرحله 14: برنامه React ما با استفاده از S3 میزبانی می شود.
مرحله 15: اکنون برای میزبانی یک برنامه React توزیع Cloudfront ایجاد کنید.
مرحله شانزدهم: نام دامنه توزیع را کپی کرده و آن را در یک برگه جدید قرار دهید. اکنون می توانیم همان نتیجه را ببینیم.
مرحله 17: و در آخر توزیع Cloudfront را حذف کنید.
