From 84580ea72f9d952ecee18628d0aa87b8f7a3cc4a Mon Sep 17 00:00:00 2001 From: David Dal Busco Date: Thu, 10 Jul 2025 14:00:43 +0200 Subject: [PATCH 1/4] feat: set examples routes slug Signed-off-by: David Dal Busco --- sidebars.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/sidebars.ts b/sidebars.ts index eca51cca..906880af 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -80,6 +80,7 @@ const sidebars: SidebarsConfig = { label: "Examples", link: { type: "generated-index", + slug: "/examples", description: "Explore projects that show how to build with Juno using different frontend frameworks and serverless function setups. Includes full-stack apps built with React, SvelteKit, Angular, and Next.js, as well as serverless function patterns written in TypeScript and Rust." }, @@ -89,6 +90,7 @@ const sidebars: SidebarsConfig = { label: "Frontend", link: { type: "generated-index", + slug: "/examples/frontend", description: "Build full apps with Juno using your preferred frontend framework. These examples cover everything from auth to data handling with React, SvelteKit, Angular, Next.js, and more." }, @@ -107,6 +109,7 @@ const sidebars: SidebarsConfig = { label: "Functions", link: { type: "generated-index", + slug: "/examples/functions", description: "Write serverless backend logic for your app using TypeScript or Rust. These examples show how to use hooks, assertions, and common function patterns on Juno." }, @@ -116,6 +119,7 @@ const sidebars: SidebarsConfig = { label: "Rust", link: { type: "generated-index", + slug: "/examples/functions/rust", description: "Examples of writing serverless functions in Rust for Juno. Includes patterns like custom assertions, data manipulation and calls." }, From 3fa7e169dfe93dea82db3c685f3e56a09b260617 Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Thu, 10 Jul 2025 12:02:20 +0000 Subject: [PATCH 2/4] =?UTF-8?q?=F0=9F=93=84=20Update=20LLMs.txt=20snapshot?= =?UTF-8?q?=20for=20PR=20review?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .llms-snapshots/llms-full.txt | 72 +++++++++++++++++++++++++++++++++++ .llms-snapshots/llms.txt | 10 +++++ 2 files changed, 82 insertions(+) diff --git a/.llms-snapshots/llms-full.txt b/.llms-snapshots/llms-full.txt index 3336ab4c..036def5d 100644 --- a/.llms-snapshots/llms-full.txt +++ b/.llms-snapshots/llms-full.txt @@ -2191,6 +2191,46 @@ The `deleteFilteredAssets` function allows you to delete multiple assets from a import { deleteFilteredAssets } from "@junobuild/core";await deleteFilteredAssets({ collection: "my_collection_key", filter: { // Uses the same filter options as listAssets }}); ``` +# Frontend + +Build full apps with Juno using your preferred frontend framework. These examples cover everything from auth to data handling with React, SvelteKit, Angular, Next.js, and more. + +[## ๐Ÿ“„๏ธ Next.js + +A fullstack note-taking app built with Next.js, and Tailwind CSS using Juno for authentication, data, and file storage.](/docs/examples/frontend/nextjs.md) + +[## ๐Ÿ“„๏ธ React TypeScript + +A fullstack note-taking app built with React, TypeScript, and Tailwind CSS using Juno for authentication, data, and file storage.](/docs/examples/frontend/react-typescript.md) + +[## ๐Ÿ“„๏ธ React JavaScript + +A fullstack note-taking app built with React, JavaScript, and Tailwind CSS using Juno for authentication, data, and file storage.](/docs/examples/frontend/react-javascript.md) + +[## ๐Ÿ“„๏ธ Vue + +A fullstack note-taking app built with Vue, and Tailwind CSS using Juno for authentication, data, and file storage.](/docs/examples/frontend/vue.md) + +[## ๐Ÿ“„๏ธ SvelteKit + +A fullstack note-taking app built with SvelteKit, and Tailwind CSS using Juno for authentication, data, and file storage.](/docs/examples/frontend/sveltekit.md) + +[## ๐Ÿ“„๏ธ Angular + +A fullstack note-taking app built with Angular, and Tailwind CSS using Juno for authentication, data, and file storage.](/docs/examples/frontend/angular.md) + +[## ๐Ÿ“„๏ธ Vanilla JavaScript + +A fullstack note-taking app built with vanilla JavaScript, and Tailwind CSS using Juno for authentication, data, and file storage.](/docs/examples/frontend/vanilla-javascript.md) + +# Functions + +Write serverless backend logic for your app using TypeScript or Rust. These examples show how to use hooks, assertions, and common function patterns on Juno. + +[## ๐Ÿ—ƒ๏ธ Rust + +4 items](/docs/examples/functions/rust.md) + # Angular Example This project is a note-taking app template built with **Angular**, **TypeScript**, and **Tailwind CSS**, designed to demonstrate integration with Juno for app development. It showcases authentication, data storage, and file storage using Juno's Satellite container. @@ -3113,6 +3153,26 @@ The following functions from `@junobuild/core` are used in this example: | `uploadFile` | Upload a file to storage | [`src/components/Modal.vue`](https://github.com/junobuild/create-juno/blob/main/templates/vue-example/src/components/Modal.vue) | [Upload file](/docs/build/storage/development.md#upload-file) | | `deleteAsset` | Delete a file from storage | [`src/components/Delete.vue`](https://github.com/junobuild/create-juno/blob/main/templates/vue-example/src/components/Delete.vue) | [Delete asset](/docs/build/storage/development.md#delete-asset) | +# Rust + +Examples of writing serverless functions in Rust for Juno. Includes patterns like custom assertions, data manipulation and calls. + +[## ๐Ÿ“„๏ธ Assertion + +An example demonstrating how to write custom assertions in Rust for Juno serverless functions.](/docs/examples/functions/rust/assertion.md) + +[## ๐Ÿ“„๏ธ Mutation + +An example demonstrating how to modify and re-save documents in Juno Satellites using Rust hooks.](/docs/examples/functions/rust/mutating-docs.md) + +[## ๐Ÿ“„๏ธ Asset Generation + +An example showing how to dynamically generate and store assets (like JSON) in Storage using Rust in Juno Satellites.](/docs/examples/functions/rust/generating-assets.md) + +[## ๐Ÿ“„๏ธ Canister Calls + +An example showing how to call external canisters (e.g., ICRC ledger) from a serverless function written in Rust using Juno Satellites.](/docs/examples/functions/rust/canister-calls.md) + # Rust Assertion Example This example demonstrates how to write a **custom assertion** in **Rust** for a Juno **serverless function**. It shows how to intercept and validate data operationsโ€”such as rejecting specific contentโ€”before it's written to the datastore. @@ -8727,6 +8787,18 @@ function encodeDocData(data: T): Uint8Array; * A `Uint8Array` containing the encoded binary data. +# Examples + +Explore projects that show how to build with Juno using different frontend frameworks and serverless function setups. Includes full-stack apps built with React, SvelteKit, Angular, and Next.js, as well as serverless function patterns written in TypeScript and Rust. + +[## ๐Ÿ—ƒ๏ธ Frontend + +7 items](/docs/examples/frontend.md) + +[## ๐Ÿ—ƒ๏ธ Functions + +1 item](/docs/examples/functions.md) + # FAQ ### Where do I find support? diff --git a/.llms-snapshots/llms.txt b/.llms-snapshots/llms.txt index cb8613c5..42aec8c3 100644 --- a/.llms-snapshots/llms.txt +++ b/.llms-snapshots/llms.txt @@ -46,6 +46,11 @@ Juno is your self-contained serverless platform for building full-stack web apps - [Collections](https://juno.build/docs/build/storage/collections.md): You can create or update a collection in the "Collections" tab in Juno's console under the storage view. - [Development](https://juno.build/docs/build/storage/development.md): This page explains how to manage assets using the Juno SDK, including uploading, listing, counting, and deleting files within your application. It also covers configuration options for optimizing storage and access control. +## Examples + +- [Frontend](https://juno.build/docs/examples/frontend.md): Build full apps with Juno using your preferred frontend framework. These examples cover everything from auth to data handling with React, SvelteKit, Angular, Next.js, and more. +- [Functions](https://juno.build/docs/examples/functions.md): Write serverless backend logic for your app using TypeScript or Rust. These examples show how to use hooks, assertions, and common function patterns on Juno. + ## Examples - Frontend - [Angular Example](https://juno.build/docs/examples/frontend/angular.md): A fullstack note-taking app built with Angular, and Tailwind CSS using Juno for authentication, data, and file storage. @@ -56,6 +61,10 @@ Juno is your self-contained serverless platform for building full-stack web apps - [Vanilla JavaScript Example](https://juno.build/docs/examples/frontend/vanilla-javascript.md): A fullstack note-taking app built with vanilla JavaScript, and Tailwind CSS using Juno for authentication, data, and file storage. - [Vue Example](https://juno.build/docs/examples/frontend/vue.md): A fullstack note-taking app built with Vue, and Tailwind CSS using Juno for authentication, data, and file storage. +## Examples - Functions + +- [Rust](https://juno.build/docs/examples/functions/rust.md): Examples of writing serverless functions in Rust for Juno. Includes patterns like custom assertions, data manipulation and calls. + ## Examples - Functions - Rust - [Rust Assertions Example](https://juno.build/docs/examples/functions/rust/assertion.md): An example demonstrating how to write custom assertions in Rust for Juno serverless functions. @@ -132,6 +141,7 @@ Juno is your self-contained serverless platform for building full-stack web apps ## Miscellaneous +- [Examples](https://juno.build/docs/examples.md): Explore projects that show how to build with Juno using different frontend frameworks and serverless function setups. Includes full-stack apps built with React, SvelteKit, Angular, and Next.js, as well as serverless function patterns written in TypeScript and Rust. - [FAQ](https://juno.build/docs/faq.md): Where do I find support? - [Pricing](https://juno.build/docs/pricing.md): Discover Juno's pricing structure, including operating costs, transaction fees, and cost examples. Learn how to manage and optimize your expenses. - [Terminology](https://juno.build/docs/terminology.md): In Juno, we use some terms that may be unfamiliar to some. This page provides a summary of the most commonly used terms. From 8ab7879f9e97a083fe4831e110ca6fd67533f1be Mon Sep 17 00:00:00 2001 From: David Dal Busco Date: Thu, 10 Jul 2025 14:06:07 +0200 Subject: [PATCH 3/4] docs: keep category examples Signed-off-by: David Dal Busco --- sidebars.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/sidebars.ts b/sidebars.ts index 906880af..ee854bac 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -80,7 +80,6 @@ const sidebars: SidebarsConfig = { label: "Examples", link: { type: "generated-index", - slug: "/examples", description: "Explore projects that show how to build with Juno using different frontend frameworks and serverless function setups. Includes full-stack apps built with React, SvelteKit, Angular, and Next.js, as well as serverless function patterns written in TypeScript and Rust." }, From a298a2c1af21c50bd453c35b2541606881b3a05d Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Thu, 10 Jul 2025 12:07:46 +0000 Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=93=84=20Update=20LLMs.txt=20snapshot?= =?UTF-8?q?=20for=20PR=20review?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .llms-snapshots/llms-full.txt | 12 ------------ .llms-snapshots/llms.txt | 1 - 2 files changed, 13 deletions(-) diff --git a/.llms-snapshots/llms-full.txt b/.llms-snapshots/llms-full.txt index 036def5d..4c360506 100644 --- a/.llms-snapshots/llms-full.txt +++ b/.llms-snapshots/llms-full.txt @@ -8787,18 +8787,6 @@ function encodeDocData(data: T): Uint8Array; * A `Uint8Array` containing the encoded binary data. -# Examples - -Explore projects that show how to build with Juno using different frontend frameworks and serverless function setups. Includes full-stack apps built with React, SvelteKit, Angular, and Next.js, as well as serverless function patterns written in TypeScript and Rust. - -[## ๐Ÿ—ƒ๏ธ Frontend - -7 items](/docs/examples/frontend.md) - -[## ๐Ÿ—ƒ๏ธ Functions - -1 item](/docs/examples/functions.md) - # FAQ ### Where do I find support? diff --git a/.llms-snapshots/llms.txt b/.llms-snapshots/llms.txt index 42aec8c3..0c662f1e 100644 --- a/.llms-snapshots/llms.txt +++ b/.llms-snapshots/llms.txt @@ -141,7 +141,6 @@ Juno is your self-contained serverless platform for building full-stack web apps ## Miscellaneous -- [Examples](https://juno.build/docs/examples.md): Explore projects that show how to build with Juno using different frontend frameworks and serverless function setups. Includes full-stack apps built with React, SvelteKit, Angular, and Next.js, as well as serverless function patterns written in TypeScript and Rust. - [FAQ](https://juno.build/docs/faq.md): Where do I find support? - [Pricing](https://juno.build/docs/pricing.md): Discover Juno's pricing structure, including operating costs, transaction fees, and cost examples. Learn how to manage and optimize your expenses. - [Terminology](https://juno.build/docs/terminology.md): In Juno, we use some terms that may be unfamiliar to some. This page provides a summary of the most commonly used terms.