From 36a0d6191ec10416d21f275cacdca51333a39032 Mon Sep 17 00:00:00 2001 From: Carsten Jacobsen Date: Fri, 20 Sep 2024 13:49:36 -0700 Subject: [PATCH] Create 2024-09-19.mdx (#993) * Create 2024-09-19.mdx * Update 2024-09-19.mdx --- meeting-notes/2024-09-19.mdx | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 meeting-notes/2024-09-19.mdx diff --git a/meeting-notes/2024-09-19.mdx b/meeting-notes/2024-09-19.mdx new file mode 100644 index 000000000..f24c9d9f9 --- /dev/null +++ b/meeting-notes/2024-09-19.mdx @@ -0,0 +1,20 @@ +--- +title: '2024-09-19' +authors: carstenjacobsen +tags: [developer] +--- + + + +Agenda: [Discord thread](https://discord.com/channels/897514728459468821/900374272751591424/1285627254130610297) + +SDF DevRel team member Carsten Jacobsen showed how to build a simple Hello World dapp based on a Soroban smart contract and Next.js through these steps: + +1. Create the default Hello World smart contract using the Stellar CLI +2. Create TypeScript bindings (package) using the Stellar CLI +3. Create the default Next.js using the npx create-next-app command +4. Add and link the TypeScript binding package to the Next.js project +5. Create a simple frontend with a form to submit a string +6. Import the package in the Next.js page, and setup a client +7. Create submit-function to send form value to the smart contract +8. Use useState to store the smart contract response and display it