Here are the tasks I asked AI to help me with while building a Wappler website
Front-end (HTML only)
- Re-ordering form fields
- Making similar pages based on an existing one (e.g.: from a login page, I ask it to create a password recovery page)
- Spellchecking and other text enhancements
- Asking it to put a margin around some element
Back-end
- Asked to create Wappler custom extensions, by looking at an existing one
- Possibly asked for some database advice, but I don't remember
I use the Visual Studio Code extension Cody from Sourcegraph with the Claude 3.5 Sonnet provider. There are other extensions like GitHub Copilot, Double.bot, and even entire VSCode forks like Cursor. You can start a chat with a LLM (AI) and attach the file you currently have open, and that's how it starts.
This is not a blind process, everything you ask it to do you should have a moderate idea on how to achieve so without AI. The output will have to be inspected by you, you should have the dexterity to spot Wappler tags and check if they're correct, such as:
<!-- Wappler include head-page= (...) -->
<meta name="ac:route" content="/hello">
(if you're creating a new page, I recommend you create it through Wappler, and then carefully copy-paste the source given by the AI)
Similar thing for forms you ask it to do or modify, you have to ensure they're a Server Connect Form and IDs and names are correct.
Things I've NOT asked to do, because I don't believe it's worth the time to correct the output:
- Server Actions
- App/Page flows and similar
- Anything Wappler specific not mentioned in this topic
Basically it's not for beginners, it's for intermediate and above
P.S.: Wappler has an open bug report concerning file refreshes, if you save a file in Visual Studio Code it's not reflected in Wappler, this might cause data loss on any changes you make