Flutter + Dart Frog

Requisitos:

Flutter 3.3.4
Dart 2.18.2
Dart Frog 0.1.2

Dart frog nos brinda esta oportunidad de volvernos Fullstack developers sin pasar por la complejidad de adquirir otro lenguaje si ya somos desarrolladores de Flutter. Así que veamos como combina…

Requisitos:

  • Flutter 3.3.4
  • Dart 2.18.2
  • Dart Frog 0.1.2

Dart frog nos brinda esta oportunidad de volvernos Fullstack developers sin pasar por la complejidad de adquirir otro lenguaje si ya somos desarrolladores de Flutter. Así que veamos como combinar estas dos tecnologías para crear un stack completo para la web.

Init proyect

Creamos una carpeta para nuestros archivos

$ mkdir dartfrog+flutter
$ cd dartfrog+flutter

Create folders

Creamos el frontend

# /dartfrog+flutter
$ flutter create frontend

create frontend

Creamos el backend

# /dartfrog+flutter
$ dart_frog create server

create backend

Abre la carpeta dartfrog+flutter en tu editor favorito

Creamos una carpeta public en nuestro servidor

create public folder

Modifiquemos el index.dart para que sirva nuestro html

serve index

Creemos una version web de Flutter

# /dartfrog+flutter/frontend
$ flutter build web

Flutter build web

Movamos el build a nuestra carpeta public en el servidor

# /dartfrog+flutter
$ mv .\frontend\build\web\* .\server\public\

mv flutter build to server

Probemos nuestro proyecto

Corramos el servidor con dart_frog

# /dartfrog+flutter/server
$ dart_frog dev

dart frog in dev

Revisemos si todo funciona en la web

flutter app on dart frog

Y listo 🚀

Te dejo el repositorio si quieres echarle un ojo.

Gracias a Dart frog los desarrolladores mobile con experiencia en Flutter pueden dar este paso a la web sin tener que aprender un nuevo lenguaje, minimizando la curva de aprendizaje. Y que opinas la próxima hacemos deploy de nuestra app?

y Happy Hacking 🧑‍💻🎉


Print Share Comment Cite Upload Translate
APA
Ushieru Kokoran | Sciencx (2024-03-28T12:56:43+00:00) » Flutter + Dart Frog. Retrieved from https://www.scien.cx/2022/10/09/flutter-dart-frog/.
MLA
" » Flutter + Dart Frog." Ushieru Kokoran | Sciencx - Sunday October 9, 2022, https://www.scien.cx/2022/10/09/flutter-dart-frog/
HARVARD
Ushieru Kokoran | Sciencx Sunday October 9, 2022 » Flutter + Dart Frog., viewed 2024-03-28T12:56:43+00:00,<https://www.scien.cx/2022/10/09/flutter-dart-frog/>
VANCOUVER
Ushieru Kokoran | Sciencx - » Flutter + Dart Frog. [Internet]. [Accessed 2024-03-28T12:56:43+00:00]. Available from: https://www.scien.cx/2022/10/09/flutter-dart-frog/
CHICAGO
" » Flutter + Dart Frog." Ushieru Kokoran | Sciencx - Accessed 2024-03-28T12:56:43+00:00. https://www.scien.cx/2022/10/09/flutter-dart-frog/
IEEE
" » Flutter + Dart Frog." Ushieru Kokoran | Sciencx [Online]. Available: https://www.scien.cx/2022/10/09/flutter-dart-frog/. [Accessed: 2024-03-28T12:56:43+00:00]
rf:citation
» Flutter + Dart Frog | Ushieru Kokoran | Sciencx | https://www.scien.cx/2022/10/09/flutter-dart-frog/ | 2024-03-28T12:56:43+00:00
https://github.com/addpipe/simple-recorderjs-demo