Twenty•2mo ago

I’m setting up a self-hosted 20 CRM on AWS but facing some issues accessing it with a custom domain.

Steps I’ve Completed: 1. EC2 Instance Setup: Created an EC2 instance and associated an Elastic IP with it. 2. S3 Bucket Setup: Configured an S3 bucket as required by the CRM. 3. SSH Access: Successfully connected to the EC2 instance via SSH. 4. Docker Installation: Installed Docker and Docker Compose on the EC2 instance. 5. App Installation: Ran bash <(curl -sL https://git.new/20) to install the CRM. 6. Environment Variables: Updated the .env file with necessary configurations. Issue: I would like to use the URL crm.neemiracle.tech to access the CRM, but I’m not sure how to configure it to work with this domain. Default Docker Compose Configuration: Using the default docker-compose.yml provided by the CRM. Question: How can I configure the 20 CRM to be accessible at crm.neemiracle.tech? Please help me i was trying from last 5 days...

Git.new – Free GitHub Link Shortener

Shorten your GitHub URLs or links with git.new – a free, branded GitHub URL shortener powered by Dub.co

6 Replies

Dwij MistryOP•2mo ago

.env Configuration (current setup):

TAG=v0.31.0

POSTGRES_ADMIN_PASSWORD=somepassword
PG_DATABASE_HOST=db:5432

SERVER_URL=http://localhost:3000
REDIS_HOST=redis
REDIS_PORT=6379

# Use openssl rand -base64 32 for each secret
ACCESS_TOKEN_SECRET=
LOGIN_TOKEN_SECRET=
REFRESH_TOKEN_SECRET=
FILE_TOKEN_SECRET=

SIGN_IN_PREFILLED=false

# auth
AUTH_PASSWORD_ENABLED=true
AUTH_GOOGLE_ENABLED=true
MESSAGING_PROVIDER_GMAIL_ENABLED=true
CALENDAR_PROVIDER_GOOGLE_ENABLED=true
AUTH_GOOGLE_CLIENT_ID=
AUTH_GOOGLE_CLIENT_SECRET=
AUTH_GOOGLE_CALLBACK_URL=https://crm.neemiracle.tech/auth/google/redirect
# AUTH_GOOGLE_CALLBACK_URL=http://localhost:3000/auth/google/redirect
# AUTH_GOOGLE_APIS_CALLBACK_URL=http://localhost:3000/auth/google-apis/get-access-token
IS_SIGN_UP_DISABLED=false
TELEMETRY_ENABLED=false

# storage
STORAGE_TYPE=s3
STORAGE_S3_REGION=
STORAGE_S3_NAME=twenty-crm-neemiracle
STORAGE_S3_ENDPOINT=https://s3.ap-south-1.amazonaws.com
STORAGE_S3_ACCESS_KEY_ID=
STORAGE_S3_SECRET_ACCESS_KEY=

# Message queue
MESSAGE_QUEUE_TYPE=bull-mq

# Captcha
CAPTCHA_DRIVER=google-recaptcha
CAPTCHA_SITE_KEY=
CAPTCHA_SECRET_KEY=

TAG=v0.31.0

POSTGRES_ADMIN_PASSWORD=somepassword
PG_DATABASE_HOST=db:5432

SERVER_URL=http://localhost:3000
REDIS_HOST=redis
REDIS_PORT=6379

# Use openssl rand -base64 32 for each secret
ACCESS_TOKEN_SECRET=
LOGIN_TOKEN_SECRET=
REFRESH_TOKEN_SECRET=
FILE_TOKEN_SECRET=

SIGN_IN_PREFILLED=false

# auth
AUTH_PASSWORD_ENABLED=true
AUTH_GOOGLE_ENABLED=true
MESSAGING_PROVIDER_GMAIL_ENABLED=true
CALENDAR_PROVIDER_GOOGLE_ENABLED=true
AUTH_GOOGLE_CLIENT_ID=
AUTH_GOOGLE_CLIENT_SECRET=
AUTH_GOOGLE_CALLBACK_URL=https://crm.neemiracle.tech/auth/google/redirect
# AUTH_GOOGLE_CALLBACK_URL=http://localhost:3000/auth/google/redirect
# AUTH_GOOGLE_APIS_CALLBACK_URL=http://localhost:3000/auth/google-apis/get-access-token
IS_SIGN_UP_DISABLED=false
TELEMETRY_ENABLED=false

# storage
STORAGE_TYPE=s3
STORAGE_S3_REGION=
STORAGE_S3_NAME=twenty-crm-neemiracle
STORAGE_S3_ENDPOINT=https://s3.ap-south-1.amazonaws.com
STORAGE_S3_ACCESS_KEY_ID=
STORAGE_S3_SECRET_ACCESS_KEY=

# Message queue
MESSAGE_QUEUE_TYPE=bull-mq

# Captcha
CAPTCHA_DRIVER=google-recaptcha
CAPTCHA_SITE_KEY=
CAPTCHA_SECRET_KEY=

Dwij MistryOP•2mo ago

EC2 security group setting

Dwij MistryOP•2mo ago

only white screen is coming

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <link rel="icon" href="/icons/android/android-launchericon-48-48.png" />
    <link rel="apple-touch-icon" href="/icons/ios/192.png" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="A modern open-source CRM" />
    <meta
      property="og:image"
      content="https://raw.githubusercontent.com/twentyhq/twenty/main/docs/static/img/social-card.png"
    />
    <meta property="og:description" content="A modern open-source CRM" />
    <meta property="og:title" content="Twenty" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:image"
      content="https://raw.githubusercontent.com/twentyhq/twenty/main/docs/static/img/social-card.png"
    />

    <meta name="twitter:description" content="A modern open-source CRM" />
    <meta name="twitter:title" content="Twenty" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
    />

    <title>Twenty</title>
    <script src="/env-config.js"></script>
    <script type="module" crossorigin src="/assets/index-XKZYimht.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-1Bo8F3IF.css">
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <link rel="icon" href="/icons/android/android-launchericon-48-48.png" />
    <link rel="apple-touch-icon" href="/icons/ios/192.png" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="A modern open-source CRM" />
    <meta
      property="og:image"
      content="https://raw.githubusercontent.com/twentyhq/twenty/main/docs/static/img/social-card.png"
    />
    <meta property="og:description" content="A modern open-source CRM" />
    <meta property="og:title" content="Twenty" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:image"
      content="https://raw.githubusercontent.com/twentyhq/twenty/main/docs/static/img/social-card.png"
    />

    <meta name="twitter:description" content="A modern open-source CRM" />
    <meta name="twitter:title" content="Twenty" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
    />

    <title>Twenty</title>
    <script src="/env-config.js"></script>
    <script type="module" crossorigin src="/assets/index-XKZYimht.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-1Bo8F3IF.css">
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>

Please someone help me i will create end to end setup doc and submit in twenty docs also will create video for the same. Please help

Malcolm Holmes•2mo ago

Try replacing the localhost:3000 URLs with your public domain?

Dwij MistryOP•2mo ago

changed to public domain but still not working

charles•2mo ago

Hi @Dwij Mistry, it's a bit out of my scope but I can try to help To properly serve an EC2 instance on AWS, I would recommend setting up an ELB and add a listener rule to point to your EC2 Make sure that your security groups are allowing the inbound trafic you will also need to bind your docker contianer port to your host ports

Gaming

Programming

I’m setting up a self-hosted 20 CRM on AWS but facing some issues accessing it with a custom domain.