Puente Website

Puente Website is a modern, responsive website built using Gatsby.js and Content.

Project Layout

Key Folder	Parent Folder	Description
pages	src	Holds the main layout folders for content
components	src	Holds the smaller components that are within layouts

Development

This project is built with ReactJS, Gatsby, and Contentful. Gatsby use's GraphQL to retrieve data from Contentful.

This project is a bootstrapped using Gatsby

Here are some quick commands to get started:

• npm install: Install Node dependencies
• npm run develop: Start the gatsby development server.
• npm setup: Run's a setup script that connects this application to the Contentful CMS. Needs system arguments
• npm run build: Build a production optimized bundle of the app.
• npm run deploy: Deploy a production optimized bundle of the app to AWS s3

AWS + s3

Get this React App working on AWS by installing the AWS CLI.

Deploy in your terminal

$ npm run deploy

Permissions and Settings

There's a decent amount that'll be necessary to get this publically consumed on the AWS website itself. Follow this guide to get those hammered out.

Resources

• CSS Boxes
• Flexbox
• Google Domains to S3