edited readme

README.md

@@ -10,7 +10,7 @@
 ## Tech stack
 
 - [Llama 3.1 405B](https://ai.meta.com/blog/meta-llama-3-1/) from Meta for the LLM
-- [Together AI](https://dub.sh/together-ai) for LLM inference
+- [Together AI](https://dub.sh/together-ai/?utm_source=example-app&utm_medium=llamacoder&utm_campaign=llamacoder-app-signup) for LLM inference
 - [Sandpack](https://sandpack.codesandbox.io/) for the code sandbox
 - Next.js app router with Tailwind
 - Helicone for observability
@@ -19,12 +19,21 @@
 ## Cloning & running
 
 1. Clone the repo: `git clone https://github.com/Nutlope/llamacoder`
-2. Create a `.env` file and add your [Together AI API key](https://dub.sh/together-ai): `TOGETHER_API_KEY=`
+2. Create a `.env` file and add your [Together AI API key](https://dub.sh/together-ai/?utm_source=example-app&utm_medium=llamacoder&utm_campaign=llamacoder-app-signup): `TOGETHER_API_KEY=`
 3. Run `npm install` and `npm run dev` to install dependencies and run locally
 
+## Exporting app feature (working on it)
+
+Look into a way to export/deploy the app in a single click. Steps:
+
+1. Generate a UUID
+2. Write the code + ID to a database
+3. Dynamic route that fetches code
+4. Use sandpack for now (but hide the code view)
+5. Dynamic OG image
+
 ## Future Tasks
 
-- [ ] Look into a way to export/deploy the app in a single click. Can try to do it myself with a dynamic route + some hashing, or try to use Replit/Vercel
 - [ ] Save previous versions so people can go back and forth between the generated ones
 - [ ] Could be nice to show a "featured apps" route on the site on `/featured`. Have a `/id/${prompt}` dynamic route that can display a bunch of nice example apps in the sandbox ready to go
 - [ ] Support more languages starting with Python, check out E2B

app/page.tsx

@@ -188,7 +188,7 @@ export default function Home() {
       <main className="mt-12 flex w-full flex-1 flex-col items-center px-4 text-center sm:mt-20">
         <a
           className="mb-4 inline-flex h-7 shrink-0 items-center gap-[9px] rounded-[50px] border-[0.5px] border-solid border-[#E6E6E6] bg-[rgba(234,238,255,0.65)] bg-gray-100 px-7 py-5 shadow-[0px_1px_1px_0px_rgba(0,0,0,0.25)]"
-          href="https://dub.sh/together-ai"
+          href="https://dub.sh/together-ai/?utm_source=example-app&utm_medium=llamacoder&utm_campaign=llamacoder-app-signup"
           target="_blank"
         >
           <span className="text-center">

components/Footer.tsx

@@ -7,14 +7,14 @@ export default function Footer() {
         <div className="font-medium">
           Built with{" "}
           <a
-            href="https://dub.sh/together-ai"
+            href="https://dub.sh/together-ai/?utm_source=example-app&utm_medium=llamacoder&utm_campaign=llamacoder-app-signup"
             className="font-semibold text-blue-600 underline-offset-4 transition hover:text-gray-700 hover:underline"
           >
             Llama 3.1 405B
           </a>{" "}
           and{" "}
           <a
-            href="https://dub.sh/together-ai"
+            href="https://dub.sh/together-ai/?utm_source=example-app&utm_medium=llamacoder&utm_campaign=llamacoder-app-signup"
             className="font-semibold text-blue-600 underline-offset-4 transition hover:text-gray-700 hover:underline"
           >
             Together AI