313 lines
12 KiB
Plaintext
313 lines
12 KiB
Plaintext
<!-- Main jumbotron for a primary marketing message or call to action -->
|
|
<div id="jumbotron-mask">
|
|
<div id="jumbotron">
|
|
<div class="jumbotron-content" id="jumbotron-content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h2 class="tag-line" id="tag-line" style="visibility: hidden;">Write, plan, and create infrastructure as code</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cta" id="primary-cta">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<p class="lead lower-opacity">Terraform enables you to safely and predictably create, change, and
|
|
improve production infrastructure. It is an open source tool that
|
|
codifies APIs into declarative configuration files that can be shared amongst team members,
|
|
treated as code, edited, reviewed, and versioned. </p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<p class="center vert-container">
|
|
<a class="terra-btn" href="/intro/index.html">Get Started</a>
|
|
</p>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="vert-container announcement">
|
|
<p class="center">
|
|
Announcing Terraform Enterprise, collaboration for teams. <a class="link-highlight" href="https://hashicorp.com/terraform.html">Learn more.</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- /. row -->
|
|
</div><!-- / .container -->
|
|
</div><!-- / .#primary-cta -->
|
|
|
|
<div class="temp-skew"></div>
|
|
|
|
<div id="feature-overview">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h2>Features</h2>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<a href="#write-section" class="feature-card feature-card-write">
|
|
<h3>Write</h3>
|
|
<p>Infrastructure as code</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<a href="#plan-section" class="feature-card feature-card-plan">
|
|
<h3>Plan</h3>
|
|
<p>Preview changes before applying</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<a href="#create-section" class="feature-card feature-card-create">
|
|
<h3>Create</h3>
|
|
<p>Reproducible infrastructure</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skew-item feature" id="feature-write">
|
|
<div class="container">
|
|
<div id="write-section" class="row">
|
|
<div class="col-sm-12">
|
|
<h2>Infrastructure as code</h2>
|
|
<p class="lead sub-black">Define infrastructure as code to increase operator productivity and transparency.</p>
|
|
</div>
|
|
<img class="feature-image" id="feature-image-write-sm-screen" src="/assets/images/feature-write-bg.svg" />
|
|
<div class="col-sm-4">
|
|
<h3>Collaborate & share</h3>
|
|
<p class="sub-black">Terraform configuration can be stored in version control,
|
|
shared, and collaborated on by teams of operators.</p>
|
|
<h3>Evolve your infrastructure</h3>
|
|
<p class="sub-black">Track the complete history of infrastructure versions.</p>
|
|
<h3>Automation friendly</h3>
|
|
<p class="sub-black">If it can be codified, it can be automated.</p>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /container -->
|
|
<div class="feature-skew" id="feature-write-bg">
|
|
<img class="feature-image" id="feature-image-write-lg-screen" src="/assets/images/feature-write-bg.svg" />
|
|
</div>
|
|
</div> <!-- /feature -->
|
|
|
|
<div class="skew-item feature" id="feature-plan">
|
|
<div class="container">
|
|
<div id="plan-section" class="row">
|
|
<div class="col-sm-12">
|
|
<h2>One safe workflow across providers</h2>
|
|
<p class="lead lower-opacity">Terraform provides an elegant user experience for
|
|
operators to safely and predictably make changes to infrastructure.</p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<img class="feature-image" id="feature-image-plan-sm-screen" src="/assets/images/feature-plan-sm-bg.svg" />
|
|
<img class="feature-image" id="feature-image-plan-lg-screen" src="/assets/images/feature-plan-bg.svg" />
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h3>Map resource dependencies</h3>
|
|
<p class="lower-opacity">Understand how a minor change could have potential cascading effects
|
|
across an infrastructure before executing that change. Terraform
|
|
builds a dependency graph from the configurations, and walks this
|
|
graph to generate plans, refresh state, and more.</p>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h3>Separation of plan & apply</h3>
|
|
<p class="lower-opacity">Separating plans and applies reduces mistakes and uncertainty at
|
|
scale. Plans show operators what would happen, applies execute
|
|
changes.</p>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h3>One workflow</h3>
|
|
<p class="lower-opacity">Use Terraform to create resources across all major infrastructure
|
|
providers (AWS, GCP, Azure, OpenStack, VMware, and more).</p>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /container -->
|
|
<div class="feature-skew" id="feature-plan-bg"></div>
|
|
</div> <!-- /feature -->
|
|
|
|
<div class="skew-item feature" id="feature-create">
|
|
<div class="container">
|
|
<div id="create-section" class="row">
|
|
<div class="col-sm-6">
|
|
<h2>Reproducible infrastructure</h2>
|
|
<p class="lead sub-black">Terraform lets operators easily use the same
|
|
configurations in multiple places to reduce mistakes and save time.</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img class="feature-image" id="feature-image-create" src="/assets/images/feature-create-bg.svg" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<h3>Environment parity</h3>
|
|
<p class="sub-black">Use the same Terraform configuration to provision identical staging,
|
|
QA, and production environments.</p>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h3>Shareable modules</h3>
|
|
<p class="sub-black">Common Terraform configurations can be packaged as modules and used
|
|
across teams and organizations.</p>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h3>Combine multiple providers consistently</h3>
|
|
<p class="sub-black">Terraform allows you to effortlessly combine high-level system
|
|
providers. Launch a server from one cloud provider, add a DNS entry
|
|
with its IP with a different provider. Built-in dependency resolution
|
|
means things happen in the right order.</p>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /container -->
|
|
<div class="feature-skew" id="feature-create-bg"></div>
|
|
</div> <!-- /feature -->
|
|
|
|
<div class="skew-item" id="latest-announcement">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-offset-1 col-md-11 col-sm-12">
|
|
<h2>Latest</h2>
|
|
</div>
|
|
<div class="latest-col latest-col-left col-md-4 col-md-offset-1 col-sm-12">
|
|
<div class="latest-item">
|
|
<img src="<%= image_path('webinar-Terraform-4-4-2017.jpg') %>" srcset="<%= image_path('webinar-Terraform-4-4-2017@2x.jpg') %> 2x, <%= image_path('webinar-Terraform-4-4-2017.jpg') %> 1x">
|
|
<h3 class="latest-title">Join us for a live webinar with Mitchell Hashimoto to learn how Terraform provisions infrastructure across different clouds using a consistent workflow.</h3>
|
|
<p>
|
|
<a class="outline-btn small-outline-btn" href="http://hashi.co/2naIBrh">Register Now</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="latest-col latest-col-right col-md-6 col-sm-12">
|
|
<div class="latest-item latest-item-text">
|
|
<h3 class="latest-title">Terraform 0.9 Released</h3>
|
|
<p class="lower-opacity">
|
|
Terraform 0.9 adds major new functionality to Terraform. Read the highlights from the 0.9 release
|
|
</p>
|
|
<p>
|
|
<a class="outline-btn small-outline-btn" href="https://www.hashicorp.com/blog/terraform-0-9/">Read more</a>
|
|
</p>
|
|
</div>
|
|
<div class="latest-item latest-item-text">
|
|
<h3 class="">Applying Graph Theory to Infrastructure As Code</h3>
|
|
<p class="lower-opacity">
|
|
Watch this talk from HashiConf 2016 where we explore the graph theory at the heart of Terraform's orchestration engine.
|
|
</p>
|
|
<p>
|
|
<a class="outline-btn small-outline-btn" href="https://www.youtube.com/watch?v=4Pd9NrZSbGU">Watch Video</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- /.container -->
|
|
<div class="feature-skew" id="latest-announcement-bg"></div>
|
|
</div><!-- /#latest-announcement -->
|
|
|
|
<div class="skew-item" id="demos">
|
|
<div class="container">
|
|
<div class="terminals row">
|
|
<div class="col-sm-12">
|
|
<h2>Examples</h2>
|
|
</div>
|
|
|
|
<div class="col-md-6 explantion">
|
|
<h3>Composing Resources</h3>
|
|
<p class="sub-black">Use attributes from other resources to create an infrastructure
|
|
composed of resources across multiple providers.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="terminal-item col-xs-12 col-lg-12">
|
|
<div class="terminal">
|
|
<header>
|
|
<h4>Example Configuration</h4>
|
|
</header>
|
|
<div class="terminal-window">
|
|
<div class="">
|
|
<div class="display">
|
|
<p>resource <span class="txt-spe">"digitalocean_droplet"</span> <span class="txt-str">"web"</span> {</p>
|
|
<p> name = <span class="txt-str">"tf-web"</span></p>
|
|
<p> size = <span class="txt-str">"512mb"</span></p>
|
|
<p> image = <span class="txt-str">"centos-5-8-x32"</span></p>
|
|
<p> region = <span class="txt-str">"sfo1"</span></p>
|
|
<p>}</p>
|
|
<p> </p>
|
|
<p>resource <span class="txt-spe">"dnsimple_record"</span> <span class="txt-str">"hello"</span> {</p>
|
|
<p> domain = <span class="txt-str">"example.com"</span></p>
|
|
<p> name = <span class="txt-str">"test"</span></p>
|
|
<p> value = <span class="txt-str">"<span class="txt-var">${digitalocean_droplet.web.ipv4_address}</span>"</span></p>
|
|
<p> type = <span class="txt-str">"A"</span></p>
|
|
<p>}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /.terminal-item -->
|
|
|
|
<div class="col-md-6 explantion">
|
|
<h3>Fast, Simplified Interaction</h3>
|
|
<p class="sub-black">Simple and intuitive configuration makes even the most complicated
|
|
services approachable: no more web consoles, loading bars, or
|
|
confusing CLI clients.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="terminal-item col-xs-12 col-lg-12">
|
|
<div class="terminal">
|
|
<header>
|
|
<h4>Example Configuration</h4>
|
|
</header>
|
|
<div class="terminal-window">
|
|
<div class="">
|
|
<div class="display">
|
|
<p>resource <span class="txt-spe">"aws_elb"</span> <span class="txt-str">"frontend"</span> {</p>
|
|
<p> name = <span class="txt-str">"frontend-load-balancer"</span></p>
|
|
<p> listener {</p>
|
|
<p> instance_port = <span class="txt-int">8000</span></p>
|
|
<p> instance_protocol = <span class="txt-str">"http"</span></p>
|
|
<p> lb_port = <span class="txt-int">80</span></p>
|
|
<p> lb_protocol = <span class="txt-str">"http"</span></p>
|
|
<p> }</p>
|
|
<p> </p>
|
|
<p> instances = [<span class="txt-str">"<span class="txt-var">${aws_instance.app.*.id}</span>"</span>]</p>
|
|
<p>}</p>
|
|
<p> </p>
|
|
<p>resource <span class="txt-spe">"aws_instance"</span> <span class="txt-str">"app"</span> {</p>
|
|
<p> count = <span class="txt-int">5</span></p>
|
|
<p> </p>
|
|
<p> ami = <span class="txt-str">"ami-408c7f28"</span></p>
|
|
<p> instance_type = <span class="txt-str">"t1.micro"</span></p>
|
|
<p>}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /.terminal-item -->
|
|
<div class="cta col-sm-12 col-lg-8 col-lg-offset-2" id="demo-cta">
|
|
<p class="lead lower-opacity">The intro contains a walkthrough guide, introductory literature, and
|
|
a range of examples to experiment with Terraform.</p>
|
|
<p>
|
|
<a class="terra-btn" href="/intro/index.html">Get started</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div><!-- /.container -->
|
|
<div class="feature-skew" id="demo-bg"></div>
|
|
</div><!-- /#demos -->
|
|
|
|
<div class="skew-item" id="enterprise-intro">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h2><span>Terraform Enterprise</span></h2>
|
|
<p class="lead lower-opacity">Collaborative Infrastructure Automation for
|
|
organizations. Collaborate on Terraform configurations,
|
|
validate changes, and automate provisioning across providers.</p>
|
|
<p>
|
|
<a class="outline-btn" href="https://www.hashicorp.com/terraform.html">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div><!-- / .container -->
|
|
<div class="feature-skew" id="enterprise-intro-bg"></div>
|
|
</div><!-- / #enterprise-intro -->
|