Home
Softono

Agency Template

Open source TypeScript
Website GitHub
29
Stars
22
Forks
0
Issues
3
Watchers
1 year
Last Commit
Headless CMS HTML CSS & Website Templates

 About Agency Template

A website template built using Cosmic's React components, Blocks.

Platforms

Web Self-hosted

Languages

TypeScript

Links

Website Source Code

Need Help Installing Agency Template?

We provide expert installation service for this software. Our team will install, configure, and secure Agency Template on your server. plans start at just $30.

Hire an Expert

Alternatives to Agency Template

View All

Next Saas Starter

⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

1.7K

Startup Nextjs

Startup is free Next.js template for SaaS startups comes with all the essential pages, components, and sections you need to launch a complete business website.

1.7K
Published by
cosmicjs
Visit View Profile

Agency Template

View on GitHub

Agency Template, powered by Blocks

desktop.png

A website template built using Cosmic's React components, Blocks. Use this template to get familiar with Blocks and how they can be used to build common content-powered features for your websites and apps, or simply use it as a starting point for your next project. Save development time and learn content modeling best practices.

Links

Install this template

View the live demo

Features

✨ NEW: 👤 User management powered by the User Management Block

✨ NEW: ✉️ Contact form powered by the Contact Form Block

🛒 Product management and checkout using Stripe

⚡️ Performance optimized

👁 Draft preview ready

📱 Mobile responsive

🌎 Localization ready

🌓 Dark mode ready

🔧 Customizable

♿️ Accessible

🦺 Type safe

blocks.png blocks.png

Getting started

  1. Install this template in Cosmic.

  2. Download this code repository and install the dependencies.

git clone https://github.com/cosmicjs/agency-template
cd agency-template
bun install
  1. Create a .env.local file with your Cosmic API keys. Find these after logging in to the Cosmic dashboard in Project > API keys.
cp .env.example .env.local

It will look like this. To use the User Management and Contact Form features you will need to have a Resend account and add your API key.

# .env.local
COSMIC_BUCKET_SLUG=change_to_your_bucket_slug
COSMIC_READ_KEY=change_to_your_bucket_read_key
COSMIC_WRITE_KEY=change_to_your_bucket_write_key

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=change_to_your_stripe_public_key
STRIPE_SECRET_KEY=change_to_your_stripe_secret_key

RESEND_API_KEY=change_to_your_resend_api_key
NEXT_PUBLIC_APP_URL=change_to_your_app_url
NEXT_PUBLIC_APP_NAME="Change to your app name"
SUPPORT_EMAIL=change_to_your_support_email
CONTACT_EMAIL=change_to_your_contact_email
  1. Run the template.
bun dev

Open http://localhost:3000.

Deploy to Vercel

Use the following button to deploy to Vercel. You will be asked to add API accesss keys as environment variables.

License

Licensed under the MIT license.