Skip to content

Latest commit

 

History

History
 
 

agency

blog-starter.mp4

Agency website with Nuxt.js and BCMS

See this website in action ⤴

Spin up a fully functional agency website with Nuxt.js, Tailwind, and BCMS - in a few minutes.
Everything from managing services page, portfolio posts, team page, to contact us page. All within the same codebase.


If you like the project, hit that ⭐ button


Whether you are looking to build an agency website for your company or for a client - this starter will save you weeks. You can clone this folder, connect it with your own BCMS instance, and give it a go!


How it works


Step 1: Clone the repo

This repository contains a lot of starters. Enter agency, but make sure to check other starters too, later.

git clone https://github.com/bcms/starters.git

Step 2: Start BCMS (Backend)

This step will make sure that you are running BCMS locally and in the background, which is required before starting the Nuxt.js development server.

cd starters/cms/agency

Run docker-compose build command, followed with docker-compose up.

Your BCMS instance is now up and running, and can be inspected by visiting http://localhost:8080.


Step 3: Start Nuxt.js (Frontend)

After this step you will be able to edit the Frontend side of your starter, everything from styles, content, pages structure and much more.

cd starters/nuxt/agency

Before anything, make sure to install node packages ( npm install ).

Run npm run dev command to start the local frontend development server. This will pull the data from the BCMS which is running in the background.

Your Nuxt app is now up and running and can be inspected by visiting http://localhost:3000.




FAQs

Is this Nuxt.js starter template compatible with the latest version of Nuxt.js?

Yes, the template is designed to be compatible with the latest version of Nuxt.js. Make sure to regularly check for updates to ensure compatibility.

Can I integrate other headless CMS platforms besides BCMS with this starter?

Absolutely! While it's optimized for BCMS, the structure allows for integration with other headless CMS platforms. You might need to make some adjustments based on your chosen CMS.

How customizable is the design? Can I change the theme or colors?

The design is highly customizable. We used Tailwind for that very reason Just go to [tailwind.config.js](/tailwind.config.js). There, you can easily change the theme, colors, fonts, and other design elements to match your brand.

Is there any built-in SEO optimization with this starter?

Yes, the starter follows the SEO best practices.

image

How is the performance of the website? Does it support lazy loading for images?

The website is optimized for performance. It supports lazy loading for images to ensure faster page loads, especially with a large number of recipes.

image

Are there any pre-configured analytics or tracking tools integrated?

The starter doesn't come with pre-configured analytics tools, but it's straightforward to integrate tools like Google Analytics or other tracking solutions.

I'm new to Nuxt.js. Do you provide documentation or support for setting up the starter?

Yes, the starter comes with detailed documentation to help you get started. A few useful resources:

Support ❤️

If you like the project, hit that ⭐ button!