Build Script to Deploy Flutter Web app on Netlify

build.sh

#!/bin/bash

# Get flutter
git clone https://github.com/flutter/flutter.git
FLUTTER=flutter/bin/flutter

# Configure flutter
FLUTTER_CHANNEL=master
FLUTTER_VERSION=v1.17.0
$FLUTTER channel $FLUTTER_CHANNEL
$FLUTTER version $FLUTTER_VERSION
$FLUTTER config --enable-web

# Build flutter for web
$FLUTTER build web

echo "OK"

netlify.toml

[build]
  command = "./build.sh"
  publish = "build/web"

Thanks Richard, I had some issues regarding your method, so I amended it slightly.

#!/bin/bash
FLUTTER_BRANCH=`grep channel: .metadata | sed 's/  channel: //g'`

# Get flutter
git clone https://github.com/flutter/flutter.git
FLUTTER=flutter/bin/flutter

#Flutter channel cmd
cmd="${FLUTTER} channel ${FLUTTER_BRANCH}"

# Set channel info and update
DIR=$($cmd >& /dev/stdout)
echo "<!-- $DIR -->"
$FLUTTER config --enable-web
if [[ $DIR == *"Your branch is behind"* ]]; then
  echo "Update starting"
  $FLUTTER upgrade
  echo "Update finished"
fi

# Build flutter for web
$FLUTTER build web --release

Hi there ! I was wondering if you could perhaps explain this to me !

I keep getting this error ! bash: ./build.sh: Permission denied

@Gene-Dana sounds like you need to add execute permission to your build.sh file.
chmod u+x build.sh, then commit that change and push and see if netlify can run it now.

I see that was the error I had ! I tried a similar command from another post and I didn't make it executable from my side. Thanks !

Hi, @richard-flosi
Your gist has been quite helpful. However, Netlify failed to complete the build of my app with the error shown in the screenshot attached below.



Do you have any suggestions on how I can fix that? Your help would be greatly appreciated 🙏.

Do you have any suggestions on how I can fix that? Your help would be greatly appreciated 🙏.

It seems as if there were issues giving executable permissions to the build file.

I wrote a guide here that you can use to make certain every step is correct

https://learn2teach.super.site/links/knowledge-bank/topics/product/how-to-properly-deploy-flutter-web-with-netlify

Do you have any suggestions on how I can fix that? Your help would be greatly appreciated 🙏.

It seems as if there were issues giving executable permissions to the build file.

I wrote a guide here that you can use to make certain every step is correct

https://learn2teach.super.site/links/knowledge-bank/topics/product/how-to-properly-deploy-flutter-web-with-netlify

Thanks, @Gene-Dana. I'll read the guide

Thanks, @Gene-Dana
Got the app live and running.

🚀