Want to see an example of a multi-page website using prismic.io? Look no further! In this project, we provide all the code you need for a personal website with a homepage, information pages, and a navigation. Let's see how to set up prismic.io to get this up and running.
1. Launch the project
First, Install the prismic-cli package. Launch a terminal instance and run the following command to install the package globally.
npm install -g prismic-cli
Sometimes it's possible that this command doesn't work. If that's the case for you, try executing a sudo command:
sudo npm install -g prismic-cli
Once it's been installed, navigate where you want to create your new project folder and run the following command:
prismic theme --theme-url https://github.com/prismicio/nodejs-website --conf prismic-configuration.js
This will create a new Prismic content repository, set up the custom types, create a few documents, and install the project codec.
2. Run the website
Now, open your project folder in the terminal and run the following command:
npm install -g nodemon
Then this next command will launch a local development server at http://localhost:3000.
Now all of your content is displayed!
3. Deploy & go live!
An easy way to deploy your Node.js application is to use Heroku. Just follow these few simple steps once you have successfully signed up and installed the Heroku toolbelt. Create a file with the name Procfile file at your application root. Put the following code in the Procfile file:
web: node app.js
Create a new Heroku application
Initialize a new Git repository
heroku git:remote -a your-heroku-app-name
Commit your code to the Git repository and deploy it to Heroku
git add .
git commit -am "make it better"
git push heroku master
Ensure you have at least one node running
heroku ps:scale web=1
You can now browse your application online.
Click on the links in the navigation to see all your pages. Now can easily modify this example site to create your website: edit the stylesheets and templates to fit your design.