# Babylon + Next.js Setup Optimized for SEO, Load Speed & Developer Experience

**URL:** <https://forum.babylonjs.com/t/babylon-next-js-setup-optimized-for-seo-load-speed-developer-experience/27412>\
**Category:** Tutorials and tips\
**Tags:** documentation, tutorial, npm\
**Created:** [February 6, 2022, 9:56pm UTC](https://forum.babylonjs.com/t/babylon-next-js-setup-optimized-for-seo-load-speed-developer-experience/27412 "2022-02-06T21:56:05Z")\
**Posts on this page:** 1\
**Showing post:** 24

<div class="post-metadata">

**Author:** ![ecoin](https://avatars.discourse-cdn.com/v4/letter/e/8e7dd6/32.png) [@ecoin](https://forum.babylonjs.com/u/ecoin)\
**Post date:** [February 13, 2022, 8:37pm UTC](https://forum.babylonjs.com/t/babylon-next-js-setup-optimized-for-seo-load-speed-developer-experience/27412/24 "2022-02-13T20:37:59Z")

</div>

Mac is very popular among frontend developers, exactly because of issues you experienced above.

It’s not an exaggeration to say that something which takes 5 minutes to setup in Mac, is an unknown factor in Windows 😂 (could literally take days or weeks to figure out).

Step by Step installation guide for Mac:

1. [Install Brew](https://brew.sh/) (it may ask you to install Xcode dev tools - do that first)
2. Install frontend tools

```auto
# Install Node version manager
brew install nvm 

# Install latest Node.js version 12
nvm install 12

# Set Node 12 as the default version
nvm alias default 12

# Install Yarn package manager
brew install yarn

# Install Babylon Project
git clone https://github.com/ecoinomist/babylon-next.git
cd babylon-next
yarn
yarn dev

```

I don’t know your Mac setup, but if `nvm` command isn’t working, you may need to add this in **.bash\_profile** :

```auto
# Node Package Manager
export NVM_DIR="$HOME/.nvm"
source $(brew --prefix nvm)/nvm.sh

```

Then in terminal:

```auto
source ~/.bash_profile

```

---

_[View the full topic](https://forum.babylonjs.com/t/babylon-next-js-setup-optimized-for-seo-load-speed-developer-experience/27412)._
