Logo

dev-resources.site

for different kinds of informations.

Integrate DAYTONA and let the magic begin....

Published at
12/9/2024
Categories
daytona
webdev
nextjs
prisma
Author
mayank_mohapatra
Categories
4 categories in total
daytona
open
webdev
open
nextjs
open
prisma
open
Author
16 person written this
mayank_mohapatra
open
Integrate DAYTONA and let the magic begin....

Daytona: Simplifying Development for Amazon Sambhav

Daytona is a secure and open-source development environment manager that simplifies your workflow. Imagine starting development on a Next.js app without the usual setup hassle. On average, developers lose 56% of their time setting up environments. Tools like Daytona eliminate that wasted time, allowing you to focus directly on innovation and building impactful solutions.

Live Demo

GitHub Repository

Daytona for Amazon Sambhav


Why Use Daytona?

Daytona simplifies the development process by seamlessly integrating with:

  • Any Git platform: GitHub, GitLab, Bitbucket
  • Any IDE: Vim, VS Code, JetBrains IDEs
  • Anywhere: Localhost, AWS, Azure, GCP, Digital Ocean

The biggest advantage?

A fully functional, pre-configured environment ready in seconds.

Just run:

daytona create https://github.com/Mayank77maruti/amazon_asambhav.git  
Enter fullscreen mode Exit fullscreen mode

That's it! Your environment is set up, so you can focus on building features, resolving issues, and creating impact.

Using Daytona for Amazon Sambhav
1️⃣ Install Daytona
Follow the official installation guide.

2️⃣ Configure Daytona
Step 1: Connect Daytona to Your Git Repositories
To manage your project with version control, connect Daytona to your Git provider:

daytona git-providers add 
Enter fullscreen mode Exit fullscreen mode

Step 2: Install a Cloud Provider
Set up your cloud environment (AWS for Sambhav) with this command:

daytona provider install
Enter fullscreen mode Exit fullscreen mode

Step 3: Set a Target
Choose where your development environment will run (Docker for local development or AWS for cloud-based solutions):

daytona target set
Enter fullscreen mode Exit fullscreen mode

Step 4: Choose Your IDE
Set up your favorite IDE (e.g., VS Code) for a seamless coding experience:

daytona ide  
Enter fullscreen mode Exit fullscreen mode

3️⃣ Add devcontainer.json to the Repository
Daytona uses devcontainer.json to define your environment.

Here’s an example you can use for Amazon Sambhav:

json

{
  "name": "Amazon Asambhav App Dev Container",
  "image": "mcr.microsoft.com/devcontainers/javascript-node:18",
  "features": {
    "docker-in-docker": {}
  },
  "forwardPorts": [3000],
  "customizations": {
    "vscode": {
      "settings": {
        "terminal.integrated.defaultProfile.linux": "bash",
        "files.autoSave": "onWindowChange",
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      },
      "extensions": [
        "ms-azuretools.vscode-docker",
        "ms-vscode-remote.remote-containers",
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode",
        "dsznajder.es7-react-js-snippets",
        "formulahendry.auto-rename-tag",
        "bradlc.vscode-tailwindcss",
        "christian-kohler.path-intellisense",
        "ms-vscode.vscode-typescript-next",
        "amazonwebservices.aws-toolkit-vscode"
      ]
    }
  },
  "postCreateCommand": "docker build -t amazon-asambhav-app . && docker run -p 3000:3000 amazon-asambhav-app"
}
Enter fullscreen mode Exit fullscreen mode

4️⃣ Create Your Workspace and Project
Run this command to set up your Amazon Sambhav project:

daytona create https://github.com/Mayank77maruti/amazon_asambhav.git  
Enter fullscreen mode Exit fullscreen mode

5️⃣ Start Development
Launch your application with:

npm run dev  
Enter fullscreen mode Exit fullscreen mode

Highlights
Pre-configured environment: Optimized for JavaScript/Node.js development using Microsoft’s devcontainer image.
Post-setup automation: Automatically installs dependencies with npm install.
VS Code productivity: Pre-installed extensions and settings boost productivity.
Cloud-ready: Easily integrates with AWS, enabling scalable deployment.

prisma Article's
30 articles in total
Favicon
How to Fix the “Record to Delete Does Not Exist” Error in Prisma
Favicon
Building Type-Safe APIs: Integrating NestJS with Prisma and TypeScript
Favicon
Deploying an Existing Express API + Prisma + Supabase Project to Vercel
Favicon
Exploring the Power of Full-Stack Development with Next.js and Prisma
Favicon
How to integrate GitHub CopilotKit with Prisma Integration into your nextJs project Using OpenAI
Favicon
วิธีทำ Auth API ด้วย Express, JWT, MySQL และ Prisma
Favicon
Prisma
Favicon
How we built "Space-Ease" using Next.js
Favicon
Query Objects Instead of Repositories: A Modern Approach to Data Access
Favicon
Common Data Loss Scenarios & Solutions in Prisma Schema Changes
Favicon
How I Solved Common Prisma ORM Errors: Debugging Tips and Best Practices
Favicon
Prisma 101 baby.
Favicon
Prisma
Favicon
QueryBuilder in Action Part 1
Favicon
Prisma ORM: Revolutionizing Database Interactions
Favicon
Prisma & MongoDB: server to be run as a replica set
Favicon
Using GenAI to Tackle Complex Prisma Model Migrations
Favicon
When Embedded AuthN Meets Embedded AuthZ - Building Multi-Tenant Apps With Better-Auth and ZenStack
Favicon
Building Multi-Tenant Apps Using StackAuth's "Teams" and Next.js
Favicon
The Most Awaited Prisma Course Is Here! 😍
Favicon
**Building a Full-Stack Next.js Starter Kit: Authentication, GraphQL, and Testing**
Favicon
Integrate DAYTONA and let the magic begin....
Favicon
Cloudflare D1 and Prisma: Not a Good Combination (For Now)
Favicon
Resolving the `DO $$` Issue in Drizzle ORM with Nile Postgres
Favicon
Nuxt Authorization: How to Implement Team Role-Based Access Control in Nuxt 3
Favicon
Getting Started with Prisma, SQLite, and Express
Favicon
Senior Developer Advocate
Favicon
Building Multi-Tenant Apps Using Clerk's "Organization" and Next.js
Favicon
How to use ORMs (Prisma / Drizzle / Knex.js) in a TypeScript backend built with Encore.ts
Favicon
Pagination and Sorting with Prisma in TypeScript

Featured ones: