5-Minute Quickstart
Build and deploy a UI application with Assembly in just 5 minutes
In this quickstart guide, you’ll use Assembly to generate a UI component, create a Next.js application, and deploy it - all in about 5 minutes!
Make sure you have access to Assembly before getting started.
Step 1: Open Assembly and Create a Session
Launch Assembly
Open the Assembly application in your browser.
Select the Default UI Blueprint
In the blueprints scroller, find and select the “Assembly UI Demos”.
Create a New Session
Click on “Create New Session” to start a new project based on the UI Blueprint.
Step 2: Generate a UI Component
Request a UI Example
In the chat interface, type: “Show me some options of what I can build”
Request Assembly Generate the Component
Assembly will generate a react component. You’ll see it appear in the Fragment Viewer.
Preview the Component
Click the “Preview” button in the Fragment Viewer to see how your component looks.
Step 3: Set Up a Next.js Application
Ask for Deployment Instructions
In the chat, ask: “How do I deploy this to a Next.js application?”
Follow the Instructions
Assembly will provide step-by-step instructions. Typically, it will suggest:
- Creating a new Next.js app
- Installing necessary dependencies
- Setting up the project structure
Step 4: Run Your Application
Start the Development Server
In your terminal, run:
View Your Application
Open your browser and go to http://localhost:3000. You should see your dashboard component live!
Congratulations! 🎉
You’ve just built and deployed a UI component using Assembly and Next.js. This is just the beginning of what you can do with Assembly.
Next Steps
- Explore more complex UI components in the Blueprint Library
- Learn about customizing Blueprints
- Dive deeper into some of Assembly’s Use Cases