Deploy AList trên Northflank và Supabase

This article will show you how to use the free tier of Northflank and Supabase to create an Index page for multiple Cloud Storages.

1. Introduction.

Northflank is a comprehensive platform for developers to build and scale microservices, jobs, and managed databases with a powerful user interface, API & CLI.

Supabase is an open-source alternative to Firebase. We are using enterprise-grade open-source tools to build the functionalities that Firebase offers.

Both Northflank and Supabase offer a free tier so we can build and deploy some small apps for use.

northflank-free-tier.jpgsubapase-free-tier.jpg

2. Tạo Database trên Supabase.

Access the link: https://supabase.com/pricing. Choose the Free Plan and sign up for an account.

Go to the dashboard and create a New Project to initialize a Database.

supabase-create-db.jpg

Wait about 5 minutes after the DB Project Status turns green, then select Connect to get the connection information of the Database.

supabase-db-connection.jpg .

1user=postgres.aabbccddeeffgg
2password=[YOUR-PASSWORD]
3host=aabbccddeeff.pooler.supabase.com 
4port=6543 
5dbname=postgres

3. Deploy AList trên Northflank.

Access the link: https://northflank.com/pricing. Choose Developer Sandbox Plan and create account.

After obtaining an account, proceed to create New Project.

northflank-create-project.jpg

Then, Add new service

  • Choose Deploy a Docker Image
  • Choose External Docker
  • Fill in the Image: xhofe/alst:latest

northflank-create-service.jpg

  • Networking:
    • Port: 5244
    • Protocol HTTP
    • [v] Publicly expose this port to the internet

northflank-create-service-networking.jpg

  • Enviroment variables:

    • PORT: 5244
    • DP_TYPE: postgres
    • DP_HOST: aabbccddeeff.pooler.supabase.com
    • DP_PORT: 6543
    • DP_NAME: postgres
    • DP_USER: postgres.aabbccddeeffgg
    • DP_PASS: YOUR_DB_PASSWORD
    • DP_SSL_MODE: PREFERRED
    • CACHE_EXPIRATION: 60
    • CLEANUP_INTERVAL: 120
    • CDN: https://cdn.jsdelivr.net/npm/alist-web@$version/dist

    northflank-create-service-env.jpg .

4. Log in to AList.

Access the Container log to retrieve the Admin Password:

1stderr F INFO[2024-06-16 08:43:14] Successfully created the admin user and the initial password is: aabbccdd

Your credential will be

1ID: admin
2Password: aabbccddee

Overview --> Ports --> Public. You will see a domain free align your app look likes https://aabbccddeeff.code.run/.

alist-demo.jpg

5. DEMO page