Skip to content

Completed Features pages #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nolanlwin merged 1 commit into from
Aug 21, 2025
Merged

Completed Features pages #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
132 changes: 132 additions & 0 deletions features/collaboration.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
---
title: 'Collaboration'
description: 'Work together with your team in real-time to build applications faster'
---

## Real-Time Team Collaboration

Astrio makes teamwork seamless with built-in collaboration features that let your entire team work together on projects without conflicts or delays.

## Key Features

### Real-Time Editing
Multiple team members can work on the same project simultaneously. See changes appear instantly as your teammates make edits, with live cursors showing who's working where.

### Project Visibility Controls
Fine-tune who can access your projects with granular permission settings:

<CardGroup cols={2}>
<Card
title="Private Projects"
icon="lock"
>
Keep sensitive projects restricted to specific team members
</Card>
<Card
title="Team Projects"
icon="users"
>
Share with your entire organization or specific teams
</Card>
<Card
title="Public Projects"
icon="globe"
>
Make projects visible to anyone with the link
</Card>
<Card
title="Read-Only Access"
icon="eye"
>
Grant view-only permissions for stakeholders and reviewers
</Card>
</CardGroup>

### Role-Based Permissions

Assign different roles to team members based on their responsibilities:

| Role | Permissions |
|------|-------------|
| **Owner** | Full control including billing and team management |
| **Admin** | Manage projects, users, and settings |
| **Editor** | Create and modify projects |
| **Viewer** | Read-only access to projects |

### Team Management

<Steps>
<Step title="Invite Team Members">
Send invitations via email or shareable links
</Step>
<Step title="Set Permissions">
Assign roles and project access levels
</Step>
<Step title="Monitor Activity">
Track team activity with detailed audit logs
</Step>
</Steps>

## Collaboration Features

### Comment System
Add comments directly to components and pages. Tag team members with `@mentions` to get their attention and keep discussions contextual.

### Version History
Never lose work with automatic version tracking. See who made what changes and when, with the ability to restore previous versions.

### Live Presence
See who's currently working on the project with live presence indicators. Avoid conflicts by knowing where your teammates are editing.

### Shared Assets
Upload and manage shared assets like images, fonts, and brand resources that the entire team can access.

## Use Cases

<CardGroup cols={2}>
<Card
title="Development Teams"
icon="code"
>
Designers and developers work together seamlessly without handoff delays
</Card>
<Card
title="Client Projects"
icon="handshake"
>
Share progress with clients and gather feedback in real-time
</Card>
<Card
title="Remote Teams"
icon="wifi"
>
Collaborate effectively across time zones with async-friendly tools
</Card>
<Card
title="Enterprise"
icon="building"
>
Scale collaboration across large organizations with advanced permissions
</Card>
</CardGroup>

## Getting Started

<Steps>
<Step title="Create a Team">
Set up your organization and invite the first team members
</Step>
<Step title="Start a Project">
Create your first collaborative project
</Step>
<Step title="Invite Collaborators">
Add team members and set their permissions
</Step>
<Step title="Build Together">
Start building your application with real-time collaboration
</Step>
</Steps>

<Warning>
Always review permissions before sharing sensitive projects. Once shared, data access follows the permissions you've set.
</Warning>
209 changes: 209 additions & 0 deletions features/custom-domain.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,209 @@
---
title: 'Custom Domain'
description: 'Connect your own domain to any Astrio project for a professional branded experience'
---

## Professional Branding with Custom Domains

Transform your Astrio projects with custom domains to create a professional, branded experience for your users. No technical expertise required.

## Key Benefits

<CardGroup cols={2}>
<Card
title="Brand Recognition"
icon="star"
>
Use your own domain to build trust and brand recognition
</Card>
<Card
title="SEO Optimization"
icon="chart-line"
>
Improve search engine rankings with your own domain authority
</Card>
<Card
title="Professional Appearance"
icon="briefcase"
>
Remove Astrio branding for a completely custom experience
</Card>
<Card
title="SSL Included"
icon="shield-check"
>
Automatic SSL certificates for secure, encrypted connections
</Card>
</CardGroup>

## Supported Domain Types

### Root Domains
Connect your main domain (e.g., `yourcompany.com`) directly to your Astrio project.

### Subdomains
Use subdomains like `app.yourcompany.com` or `demo.yourcompany.com` for different projects or environments.

### Multiple Domains
Connect multiple domains to the same project or use different domains for different projects.

## Setup Process

<Steps>
<Step title="Purchase Domain">
Buy your domain from any registrar (GoDaddy, Namecheap, Google Domains, etc.)
</Step>
<Step title="Add Domain in Astrio">
Navigate to Project Settings → Custom Domain and enter your domain
</Step>
<Step title="Configure DNS">
Update your domain's DNS settings with the provided records
</Step>
<Step title="Verify Connection">
Astrio will automatically verify and provision SSL certificates
</Step>
</Steps>

## DNS Configuration

### For Root Domains (yoursite.com)

Add these DNS records at your domain registrar:

```
Type: A
Name: @
Value: 76.76.19.123

Type: CNAME
Name: www
Value: cname.astrio.build
```

### For Subdomains (app.yoursite.com)

Add this DNS record:

```
Type: CNAME
Name: app (or your chosen subdomain)
Value: cname.astrio.build
```

<Note>
DNS changes can take up to 48 hours to propagate worldwide, though they usually take effect within a few hours.
</Note>

## SSL Certificates

### Automatic SSL
Astrio automatically provisions and manages SSL certificates for all custom domains using Let's Encrypt.

### Features
- **Free SSL certificates** - No additional cost
- **Auto-renewal** - Certificates renew automatically before expiration
- **Wildcard support** - Covers all subdomains when applicable
- **Modern encryption** - TLS 1.3 support for maximum security

## Domain Management

### Domain Dashboard
Monitor all your custom domains from a centralized dashboard:

- **Status monitoring** - See which domains are active, pending, or have issues
- **Certificate status** - Check SSL certificate validity and renewal dates
- **Traffic analytics** - View domain-specific traffic and performance metrics

### Domain Validation
Astrio validates domain ownership through:
- DNS record verification
- HTTP file validation (when applicable)
- Email verification for certain domain types

## Advanced Features

### Redirects
Set up automatic redirects:
- **www to non-www** or vice versa
- **HTTP to HTTPS** (enabled by default)
- **Custom redirect rules** for specific paths

### CDN Integration
All custom domains benefit from Astrio's global CDN:
- **Edge caching** for faster load times worldwide
- **DDoS protection** against malicious traffic
- **Image optimization** for better performance

## Troubleshooting

### Common Issues

<AccordionGroup>
<Accordion title="Domain not connecting">
**Check DNS settings**: Ensure DNS records are correctly configured

**Wait for propagation**: DNS changes can take up to 48 hours

**Verify domain spelling**: Double-check for typos in domain name
</Accordion>

<Accordion title="SSL certificate issues">
**Domain validation**: Ensure domain is properly validated

**Clear browser cache**: Try accessing the site in incognito mode

**Check certificate status**: View certificate details in domain dashboard
</Accordion>

<Accordion title="Redirect loops">
**Check redirect settings**: Ensure no conflicting redirect rules

**DNS configuration**: Verify CNAME records are pointing correctly

**Browser cache**: Clear cache and cookies for the domain
</Accordion>
</AccordionGroup>

## Best Practices

<CardGroup cols={2}>
<Card
title="Use HTTPS"
icon="lock"
>
Always use HTTPS for security and SEO benefits
</Card>
<Card
title="Monitor Performance"
icon="gauge"
>
Regular check domain performance and SSL status
</Card>
<Card
title="Backup DNS"
icon="hard-drive"
>
Keep records of your DNS settings
</Card>
<Card
title="Test Thoroughly"
icon="vial"
>
Test your domain from different locations and devices
</Card>
</CardGroup>

## Pricing

Custom domains are included in all Astrio plans:
- **Free Plan**: 1 custom domain per project
- **Pro Plan**: Unlimited custom domains
- **Enterprise**: Unlimited domains with priority support

<Tip>
Set up your custom domain early in development to ensure a smooth launch experience.
</Tip>

<Warning>
Changing custom domains after launch may affect SEO rankings and user bookmarks. Plan your domain strategy carefully.
</Warning>
Loading
Loading