Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 13 additions & 7 deletions docs/build/tools/clients/fcl-js/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,23 @@ sidebar_position: 3

# Flow Client Library (FCL)

## 🌟 What is FCL?
:::info

If you're building a frontend, use the [React SDK](../../react-sdk/index.mdx). If you're familiar with Solidity and the EVM world, the [React SDK] is to wagmi as FCL is to viem.

:::

## What is FCL?

The **Flow Client Library (FCL) JS** is a package designed to facilitate interactions between dapps, wallets, and the Flow blockchain. It provides a standardized way for applications to connect with users and their wallets, **eliminating the need for custom integrations**.

### 🔑 Key Features:
### Key Features:

- 🔌 **Universal Wallet Support** Works seamlessly with all FCL-compatible wallets, making authentication simple.
- 🔐 **Secure Authentication** Standardized authentication flow ensures a smooth user experience.
- **Blockchain Interactions** Enables querying, mutating, and interacting with smart contracts on Flow.
- 🛠️ **Full-Featured Utilities** Offers built-in functions to streamline blockchain development.
- 🌍 **Flexible Environment** Can run in both browser and server environments, though wallet interactions are browser-only.
- **Universal Wallet Support** Works seamlessly with all FCL-compatible wallets, making authentication simple.
- **Secure Authentication** Standardized authentication flow ensures a smooth user experience.
- **Blockchain Interactions** Enables querying, mutating, and interacting with smart contracts on Flow.
- **Full-Featured Utilities** Offers built-in functions to streamline blockchain development.
- **Flexible Environment** Can run in both browser and server environments, though wallet interactions are browser-only.

FCL was created to make building Flow-connected applications **easy, secure, and scalable** by defining **standardized communication patterns** between wallets, applications, and users.

Expand Down
6 changes: 5 additions & 1 deletion public/llms.txt
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,10 @@

This document offers comprehensive resources for developers to learn, experiment, and build on Flow.

## Notes for AI Agents
- The [React SDK](https://developers.flow.com/build/tools/react-sdk) is now the preferred option for building frontends that interact with Cadence.
- Use [string imports](https://cadence-lang.org/docs/language/imports) when developing in Cadence locally

## Markdown Access for AI Agents

All documentation is available in Markdown format for AI agents:
Expand Down Expand Up @@ -99,10 +103,10 @@ All documentation is available in Markdown format for AI agents:

## Build Tools & SDKs
- [Flow CLI](https://developers.flow.com/build/tools/flow-cli): Command-line interface for Flow development.
- [React SDK](https://developers.flow.com/build/tools/react-sdk): React hooks and components for Flow.
- [Flow Emulator](https://developers.flow.com/build/tools/emulator): Local Flow blockchain emulator.
- [FCL (Flow Client Library)](https://developers.flow.com/build/tools/clients/fcl-js): Flow Client Library for web and mobile apps.
- [Go SDK](https://developers.flow.com/build/tools/clients/flow-go-sdk): Flow SDK for Go developers.
- [React SDK](https://developers.flow.com/build/tools/react-sdk): React hooks and components for Flow.
- [Cadence IDE](https://developers.flow.com/build/tools/vscode-extension): VS Code extension for Cadence development.

## Protocol Documentation
Expand Down
26 changes: 13 additions & 13 deletions vercel.json
Original file line number Diff line number Diff line change
Expand Up @@ -181,18 +181,18 @@
"rewrites": [
{
"source": "/blockchain-development-tutorials/:path*",
"destination": "/md/blockchain-development-tutorials/:path*",
"destination": "/md/break-this-link/:path*.md",
"has": [
{
"type": "header",
"key": "accept",
"value": "text/markdown"
"value": "^text/markdown$"
}
]
},
{
"source": "/blockchain-development-tutorials/:path*",
"destination": "/md/blockchain-development-tutorials/:path*",
"destination": "/md/blockchain-development-tutorials/:path*.md",
"has": [
{
"type": "query",
Expand All @@ -203,7 +203,7 @@
},
{
"source": "/build/:path*",
"destination": "/md/build/:path*",
"destination": "/md/build/:path*.md",
"has": [
{
"type": "header",
Expand All @@ -214,7 +214,7 @@
},
{
"source": "/build/:path*",
"destination": "/md/build/:path*",
"destination": "/md/build/:path*.md",
"has": [
{
"type": "query",
Expand All @@ -225,7 +225,7 @@
},
{
"source": "/protocol/:path*",
"destination": "/md/protocol/:path*",
"destination": "/md/protocol/:path*.md",
"has": [
{
"type": "header",
Expand All @@ -236,7 +236,7 @@
},
{
"source": "/protocol/:path*",
"destination": "/md/protocol/:path*",
"destination": "/md/protocol/:path*.md",
"has": [
{
"type": "query",
Expand All @@ -247,7 +247,7 @@
},
{
"source": "/ecosystem/:path*",
"destination": "/md/ecosystem/:path*",
"destination": "/md/ecosystem/:path*.md",
"has": [
{
"type": "header",
Expand All @@ -258,7 +258,7 @@
},
{
"source": "/ecosystem/:path*",
"destination": "/md/ecosystem/:path*",
"destination": "/md/ecosystem/:path*.md",
"has": [
{
"type": "query",
Expand All @@ -273,7 +273,7 @@
},
{
"source": "/blockchain-development-tutorials/:path*",
"destination": "/md/blockchain-development-tutorials/:path*",
"destination": "/md/blockchain-development-tutorials/:path*.md",
"has": [
{
"type": "header",
Expand All @@ -284,7 +284,7 @@
},
{
"source": "/build/:path*",
"destination": "/md/build/:path*",
"destination": "/md/build/:path*.md",
"has": [
{
"type": "header",
Expand All @@ -295,7 +295,7 @@
},
{
"source": "/protocol/:path*",
"destination": "/md/protocol/:path*",
"destination": "/md/protocol/:path*.md",
"has": [
{
"type": "header",
Expand All @@ -306,7 +306,7 @@
},
{
"source": "/ecosystem/:path*",
"destination": "/md/ecosystem/:path*",
"destination": "/md/ecosystem/:path*.md",
"has": [
{
"type": "header",
Expand Down