Skip to content

Latest commit

 

History

History

architect

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src/http
src/http
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
app.arc
app.arc
 
 
package.json
package.json
 
 

README.md

Example Project from A First Look at Architect

Architect is an Infrastructure as Code framework for provisioning build artifacts. Architect defines a high level manifest file in multiple open text formats which can be checked into version control. It compiles the manifest code into AWS CloudFormation and then deploys that stack. Supported formats include:

  • a native text file format app.arc
  • package.json
  • arc.json
  • arc.yaml
  • arc.toml

Clone Repo and Navigate to Project

git clone https://github.com/ajcwebdev/a-first-look.git
cd deployment/architect

Install Dependencies and Start Development Server

Architect projects work locally and offline. arc sandbox emulates most app resources defined in app.arc:

pnpm i
pnpm start

app.arc

@app declares the application namespace. @http defines HTTP routes in API Gateway with Lambda handler functions.

@app
ajcwebdev-architect

@http
get /

config.arc

@aws defines AWS specific configuration.

@aws
runtime nodejs12.x

index.js

exports.handler = async function http (req) {
  return {
    statusCode: 200,
    headers: {
      'cache-control': 'no-cache, no-store, must-revalidate, max-age=0, s-maxage=0',
      'content-type': 'text/html; charset=utf8'
    },
    body: `
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">

          <title>ajcwebdev</title>

          <style>
            * {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
            }
            body {
              font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            }
            .max-width-320 {
              max-width: 20rem;
            }
            .margin-left-8 {
              margin-left: 0.5rem;
            }
            .margin-bottom-16 {
              margin-bottom: 1rem;
            }
            .margin-bottom-8 {
              margin-bottom: 0.5rem;
            }
            .padding-32 {
              padding: 2rem;
            }
            .color-grey {
              color: #333;
            }
            .color-black-link:hover {
              color: black;
            }
          </style>
        </head>

        <body class="padding-32">
          <div class="max-width-320">
            <div class="margin-left-8">
              <div class="margin-bottom-16">
                <h1 class="margin-bottom-16">
                  ajcwebdev
                </h1>
                <p class="margin-bottom-8">
                  shipshape
                </p>
              </div>
            </div>
          </div>
        </body>
      </html>
    `
  }
}

02-arc-hello-world-edit

Deploy

Deploy to Staging Environment

arc deploy

Deploy to Production Environment

arc deploy production