Hi everyone! I’ve written a tutorial blog series about full-stack web development in OCaml, and wanted to share it here. Last semester, I took Penn State’s CMPSC 431W , where our final project was to build a database-driven web application. Since I’m fairly familiar with web programming through my w…

Hello, thanks for the write-up, looking forward to reading it. Quick note, the live demo does not load in Safari nor Firefox (macOS). Error in the FF console: InstallTrigger is deprecated and will be removed in the future. utils.js:30:22 Uncaught TypeError: Illegal constructor. install_in_dom h…

Ah I noticed that at some point but forgot to investigate, thanks for the heads up! The offending code is in a block annotated with "../.js/ppx_css.inline_css/inline_css.cma.js", and my project depends transitively on ppx_css through the Bonsai forms component library. Seems like an unfortunate coll…

Interesting project! Works in Chrome as you mentioned. Does any category list products? I suspect that the graphQL requests of the ones which do, return a 500 error. e.g., Wellness

Fixed, sorry about that. I set up a cron job to reset the database on an interval, but uploaded an outdated sqlite file with an incompatible schema. Also, forgot to mention this originally, but I recommend accessing the demo with one of the emails from this file or this file (all passwords are still…

Cool. Works now! In your analysis , you mentioned: Js_of_ocaml output bundles for Bonsai are absolutely huge (>30MB for this project!). Chrome loads a main.bc.js of 4.9MB. Not that its a trivial size, but it falls quite short of 30MB. This is quite an analysis. I see myself coming back to this …

[image] askvortsov: OCaml is very underrated for web development. In addition to all the language’s great features and safety guarantees, the ecosystem is pretty good! Dream near-perfectly coincides with my vision of backend webdev, and Bonsai has a great balance of flexibility/elegance and safe…

This is a major difference when building with the ‘dev’ dune profile (the default) and the ‘release’ profile. The ‘dev’ profile will perform separate compilation and will not do global deadcode elimination.

[image] bhoot: Chrome loads a main.bc.js of 4.9MB. Not that its a trivial size, but it falls quite short of 30MB. That’s actually the gzip-ed 30MB file. That being said, I recompiled the frontend under the release profile as suggested by @hhugo , and it came out to 3.5MB ungzip-ed, and 950KB g…

Just to get a sense, what is the file size of a React-based website or something equivalent?

Tutorial: Full-Stack Web Dev in OCaml w/ Dream, Bonsai, and GraphQL

Learning

Topic		Replies	Views
Compiling Bonsai Ecosystem web , help	19	3255	August 6, 2021
Your production web stack in 2020 Ecosystem	37	7715	November 19, 2021
How to quickly develop a minimal web page (client&server-side)? Learning web	18	4379	July 9, 2019
Excited about Dream web framework Ecosystem web	40	7642	April 28, 2021
Guidance choosing web-building framework Learning	4	649	July 31, 2025

Tutorial: Full-Stack Web Dev in OCaml w/ Dream, Bonsai, and GraphQL

Related topics