open-nomad/website/pages/use-cases/automated-service-networking-with-consul.jsx

import UseCasesLayout from '../../layouts/use-cases'
import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
import FeaturedSliderSection from '../../components/featured-slider-section'

export default function AutomatedServiceNetworkingWithConsulPage() {
  return (
    <UseCasesLayout
      title="Automated Service Networking with Consul"
      description="Nomad natively integrates with Consul to provide automated clustering, built-in service discovery, and service mesh for secure service-to-service communications."
    >
      <TextSplitWithImage
        textSplit={{
          heading: 'Automatic Clustering',
          content:
            'Automatically bootstrap Nomad clusters using existing Consul agents on the same hosts.',
          textSide: 'right',
          links: [
            {
              text: 'Read More',
              url:
                '/guides/integrations/consul-integration#automatic-clustering-with-consul',
              type: 'inbound'
            }
          ]
        }}
        image={{
          url: require('./img/auto-clustering-with-consul.svg'),
          alt: ''
        }}
      />

      <div className="with-border">
        <TextSplitWithImage
          textSplit={{
            heading: 'Automated Service Discovery',
            content:
              'Built-in service discovery, registration, and health check monitoring for all applications deployed under Nomad.',
            textSide: 'left',
            links: [
              {
                text: 'Read More',
                url:
                  '/guides/integrations/consul-integration#service-discovery',
                type: 'inbound'
              }
            ]
          }}
          image={{
            url: require('./img/automated-service-discovery-with-consul.png'),
            alt: ''
          }}
        />
      </div>

      <TextSplitWithImage
        textSplit={{
          heading: 'Secure service-to-service communication',
          content:
            'Enable seamless deployments of sidecar proxies and segmented microservices through Consul Connect.',
          textSide: 'right',
          links: [
            {
              text: 'Learn More',
              url: '/guides/integrations/consul-connect',
              type: 'inbound'
            }
          ]
        }}
        image={{
          url: require('./img/auto-service-to-service-communications.svg'),
          alt: ''
        }}
      />

      <FeaturedSliderSection
        heading="Case Studies"
        features={[
          {
            logo: {
              url:
                'https://www.datocms-assets.com/2885/1582161366-deluxe-logo.svg',
              alt: 'Deluxe'
            },
            image: {
              url: require('./img/deluxe.png'),
              alt: 'Deluxe Case Study'
            },
            heading: 'Deluxe',
            content:
              'Disrupt the traditional media supply chain with a digital platform powered by Nomad, Consul and Vault.',
            link: {
              text: 'Learn More',
              url:
                'https://www.hashicorp.com/resources/deluxe-hashistack-video-production',
              type: 'outbound'
            }
          },
          {
            logo: {
              url:
                'https://www.datocms-assets.com/2885/1582161581-seatgeek.svg',
              alt: 'SeatGeek'
            },
            image: {
              url: require('./img/seatgeek.png'),
              alt: 'Seat Geek Case Study'
            },
            heading: 'SeatGeek',
            content:
              'A team of 5 engineers built a infrastructure platform with Nomad, Consul, and Vault to provide tickets to millions of customers.',
            link: {
              text: 'Learn More',
              url:
                'https://www.hashicorp.com/resources/seatgeek-and-the-hashistack-a-tooling-and-automation-love-story',
              type: 'outbound'
            }
          }
        ]}
      />
    </UseCasesLayout>
  )
}