Package the webapp in a docker nginx lightweight container

Dockerfile

@@ -1,34 +1,44 @@
 #Stage 1 - Install dependencies and build the app
 FROM debian:latest AS build-env
 
-# Install flutter dependencies
+ENV FLUTTER_CHANNEL="stable"
-RUN apt-get update
+ENV FLUTTER_VERSION="2.10.0"
-RUN apt-get install -y curl git wget unzip libgconf-2-4 gdb libglu1-mesa fonts-droid-fallback python3
+ENV FLUTTER_URL="https://storage.googleapis.com/flutter_infra_release/releases/$FLUTTER_CHANNEL/linux/flutter_linux_$FLUTTER_VERSION-$FLUTTER_CHANNEL.tar.xz"
-RUN apt-get clean
+ENV FLUTTER_HOME="/opt/flutter"
 
-# Clone the flutter repo
+ENV PATH "$PATH:$FLUTTER_HOME/bin"
-RUN git clone https://github.com/flutter/flutter.git /usr/local/flutter
 
-# Set flutter path
+# Prerequisites
-# RUN /usr/local/flutter/bin/flutter doctor -v
+RUN apt update && apt install -y curl git unzip xz-utils zip libglu1-mesa \
-ENV PATH="/usr/local/flutter/bin:/usr/local/flutter/bin/cache/dart-sdk/bin:${PATH}"
+ && mkdir -p $FLUTTER_HOME \
+ && curl -o flutter.tar.xz $FLUTTER_URL \
+ && tar xf flutter.tar.xz -C /opt \
+ && rm flutter.tar.xz \
+ && flutter doctor \
+ && rm -rf /var/lib/{apt,dpkg,cache,log}
 
-# Run flutter doctor
+# Set directory to Copy App
-RUN flutter doctor -v
+WORKDIR /app
-# Enable flutter web
-RUN flutter channel master
-RUN flutter upgrade
-RUN flutter config --enable-web
 
-# Copy files to container and build
+COPY . .
-RUN mkdir /app/
-COPY . /app/
-WORKDIR /app/
-RUN flutter build web
 
-# Record the exposed port
+# Precompile tmail flutter
-EXPOSE 3000
+RUN cd core \
+  && flutter pub get \
+  && cd ../model \
+  && flutter pub get && flutter pub run build_runner build --delete-conflicting-outputs \
+  && cd .. \
+  && flutter pub get && flutter pub run intl_generator:extract_to_arb --output-dir=./lib/l10n lib/main/localizations/app_localizations.dart \
+  && flutter pub get && flutter pub run intl_generator:generate_from_arb --output-dir=lib/l10n --no-use-deferred-loading lib/main/localizations/app_localizations.dart lib/l10n/intl*.arb \
+  && flutter build web
 
 # Stage 2 - Create the run-time image
-FROM nginx:1.21.1-alpine
+FROM nginx:stable
-COPY --from=build-env /app/build/web /usr/share/nginx/html
+RUN chmod -R 755 /usr/share/nginx/html
+COPY --from=build-env /app/server/nginx.conf /usr/share/nginx/html
+COPY --from=build-env /app/build/web /usr/share/nginx/html
+
+# Record the exposed port
+EXPOSE 80
+
+ENTRYPOINT ["nginx", "-g", "daemon off;"]

env.file

@@ -0,0 +1 @@
+SERVER_URL=http://localhost

lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:core/core.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/caching/config/hive_cache_config.dart';
@@ -14,6 +15,7 @@ void main() async {
     WidgetsFlutterBinding.ensureInitialized();
     await MainBindings().dependencies();
     await HiveCacheConfig().setUp();
+    await dotenv.load(fileName: 'env.file');
     runApp(TMailApp());
   });
 }

lib/main/utils/app_config.dart

@@ -1,4 +1,5 @@
+import 'package:flutter_dotenv/flutter_dotenv.dart';
 
 class AppConfig {
-  static const baseUrl = String.fromEnvironment('SERVER_URL', defaultValue: '');
+  static String get baseUrl => dotenv.get('SERVER_URL', fallback: '');
 }

pubspec.yaml

@@ -58,6 +58,9 @@ dependencies:
   # either
   dartz: 0.10.1
 
+  # flutter_dotenv
+  flutter_dotenv: 5.0.2
+
   # flutter_typeahead
   flutter_typeahead: 3.1.1
 
@@ -153,6 +156,7 @@ flutter:
   #   - images/a_dot_ham.jpeg
   assets:
     - assets/images/
+    - env.file
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.

server/nginx.conf

@@ -0,0 +1,17 @@
+server {
+
+  listen 80;
+
+  location / {
+    root   /usr/share/nginx/html;
+    index  index.html index.htm;
+    try_files $uri $uri/ /index.html;
+  }
+
+  error_page   500 502 503 504  /50x.html;
+
+  location = /50x.html {
+    root   /usr/share/nginx/html;
+  }
+
+}