Para Next.js Starter Template

This template provides a minimal setup to get Para working in a Next.js application. It includes a basic Para client initialization and integration with Next.js App Router.

Features

• Minimal Para client configuration using @getpara/react-sdk
• Pre-configured Para Modal setup
• Environment-based API key configuration
• Next.js App Router setup
• Client-side rendering configuration

Prerequisites

• Para API Key (obtain from developer.getpara.com)

Getting Started

1. Copy this template folder to your project location and rename it:

   cp -r path/to/para-starter-templates/with-react-nextjs my-para-project
   cd my-para-project

2. Install dependencies (choose your preferred package manager):

   # Using npm
   npm install
   
   # Using yarn
   yarn install
   
   # Using pnpm
   pnpm install
   
   # Using bun
   bun install

3. Set up your Para API key:

   • Rename .env.example to .env.local
   • Update the API key:

   NEXT_PUBLIC_PARA_API_KEY=your_api_key_here

4. Start the development server:

   # Using npm
   npm run dev
   
   # Using yarn
   yarn dev
   
   # Using pnpm
   pnpm dev
   
   # Using bun
   bun dev

Framework-Specific Details

This Next.js starter template uses the App Router and includes the necessary configurations for client-side rendering with Para. Key points:

• Uses the "use client" directive for client-side rendering
• Configured for proper client state management
• Includes necessary component wrapping for Para Modal
• Environment variable setup optimized for Next.js

Usage

1. Build upon the provided example component
2. Implement additional Para features as needed
3. Modify the ParaModal component props as required

For detailed documentation, visit docs.getpara.com

Example Implementation

For more complex implementations and examples, check out our Examples Hub. You'll find examples of:

• Authentication options
• Signer implementations
• Session management
• Interactive tutorials
• Framework-specific code snippets