Automatically deploy a Gatsby site to Firebase Hosting

1,294
CircleCI
CircleCI’s continuous integration and delivery platform helps software teams rapidly release code with confidence by automating the build, test, and deploy process. CircleCI offers a modern software development platform that lets teams ramp quickly, scale easily, and build confidently every day.

This post was written by Kevin Ndung'u, a Web Developer from Nairobi, Kenya


Firebase Hosting is a web application hosting platform by Google. Through this service, you can host your web apps on Google’s infrastructure. It enables easy one-step deployment and has other cool features such as fast hosting from CDNs and rollbacks. A good overview of the service is available in the Firebase Hosting Docs.

Gatsby is a framework that enables you to create fast React-based apps and websites. It allows you to build these websites with data fetched from a wide variety of sources, including markdown files, APIs, and even CMSs. It then combines this data with a React-based frontend architecture to build extremely fast interactive websites. Gatsby compiles web apps to optimised static files, which we will deploy to Firebase Hosting. I think it’s amazing and I’m glad to share it with you!

In this post, we will setup a simple Gatsby site, host the code on a GitHub repository, and setup automatic deployment of our web application to Firebase Hosting using CircleCI.

Prerequisites

In order to go through this tutorial, you will need to install the following:

  1. Git
  2. Node.js

Note: You’ll also need to have a Google account in order to use Firebase Hosting.

Why Gatsby?

I chose Gatsby simply because it will enable us to focus on the high level details. For example, rather than building pages from scratch, figuring out routing, adding 404 pages, and so on, we will get all these built in to the starter project that we will generate shortly. Gatsby affords us these advantages out of the box, but the concepts of hosting will still apply to any other type of web application that can be compiled to static files including Vue and Angular apps or even a website generated by a static site generator.

Gatsby project setup

First, we need to install Gatsby in our local development environment. We can do this by running:

npm install --global gatsby-cli

After the installation is complete, we will have the gatsby command available. Now, let’s use the Gatsby CLI to generate a new site:

gatsby new gatsby-site

Next, we need to change directories to the newly created gatsby-site folder:

cd gatsby-site

And finally, we can explore our generated site by starting the development server:

gatsby develop

Your new site is now accessible on http://localhost:8000.

If everything ran successfully, you now have a Gatsby site running locally. Go ahead and explore the site. It looks like this:

If you take a look around through the generated files, you’ll find that Gatsby’s folder structure is simple to follow. For example, the code for the homepage can be found in src/pages/index.js. Also notice that links between different pages work as expected and we also have a 404 page set up. You can test the 404 page by going to a non-existent route.

Gatsby provides these low level details, such as routing, out of the box and gives us a functional web application that we can now deploy to Firebase Hosting.

Pushing to GitHub

At this point, let’s initialise a new Git repository and push the code to GitHub. Go ahead and initialise a new Git repository inside the gatsby-site folder and create an initial commit with these lines:

git init
git add -all
git commit -m "Generate Gatsby site"

After this, proceed to create a new repository on GitHub and push the code to the repository.

This guide is an excellent resource you can refer to if you’re not familiar with GitHub.

Firebase setup

At this point, we have a functional website that we can now deploy to Firebase Hosting. Before we do this, we need to create a new project on Firebase using these three simple steps:

  • Give your project a name in the modal that shows up and click Create project.

Once the project is created, we need to setup Firebase locally in order to link our local repository to the Firebase project. Install the Firebase command line tools by running:

npm install -g firebase-tools

We’ll also need to install the firebase-tools package locally to our project as a devDependency. This will come in handy later on when integrating with CircleCI, which does not allow installing packages globally by default. So let’s install it right now:

npm install -D firebase-tools

Afterwards, we need to sign in to Firebase to connect the CLI to the online Firebase account. We can do this by running:

firebase login

Once you are logged in, we can now initialise our project:

firebase init

This action will produce this prompt where we will select Hosting:

For the rest of the prompts, select the options as shown in the next screenshot:

After the prompts are complete, the Firebase CLI generates two files:

  • .firebaserc
  • firebase.json

Note: The firebase.json file enables configuring custom hosting behavior. To learn more about this, visit the Firebase full-config docs.

In the case that the Firebase CLI does not load your projects, you can add the project ID manually in the generated .firebaserc file:

{
  "projects": {
    "default": "gatsby-site-43ac5"
  }
}

This is also a good point to commit the new files to our repository and push the code to GitHub.

With this, we have connected our code to our Firebase project and we can now try out a manual deploy from our development environment.

Manual deployment to Firebase

The first step in manual deployment is generating an optimised production build. In our case, gatsbyhas us covered since it includes this by default. To generate it, run the command:

gatsby build

This generates an optimised static site in the public directory. This is the directory we will be deploying to Firebase Hosting. To manually deploy the public directory to Firebase Hosting, it only takes one command:

firebase deploy

If everything works as expected, Firebase will deploy our site and give us a link to the deployed site’s URL.

You’ll also notice a new .firebase folder created by Firebase to store it’s cache. Since we don’t want this folder in our repository, we can add the folder name to the .gitignore file so it is ignored by Git.

In the next step, we are going to automate the deployment with CircleCI so that we can deploy new changes pushed to the repository immediately.

CircleCI configuration

To build our project with CircleCI, we’ll need to add a configuration file that instructs CircleCI to build our web application and automatically deploy it to Firebase each time we make changes to our code.

In our project’s root folder, create a folder named .circleci and inside it, create a config.yml file. CircleCI requires that the config file be located here.

Here’s the config file we’ll use for our project:

# CircleCI Firebase Deployment Config
version: 2
jobs:
  build:
    docker:
      - image: circleci/node:10
    working_directory: ~/gatsby-site
    steps:
      - checkout
      - restore_cache:
          keys:
            # Find a cache corresponding to this specific package-lock.json
            - v1-npm-deps-{{ checksum "package-lock.json" }}
            # Fallback cache to be used
            - v1-npm-deps-
      - run:
          name: Install Dependencies
          command: npm install
      - save_cache:
          key: v1-npm-deps-{{ checksum "package-lock.json" }}
          paths:
            - ./node_modules
      - run:
          name: Gatsby Build
          command: npm run build
      - run:
          name: Firebase Deploy
          command: ./node_modules/.bin/firebase deploy --token "$FIREBASE_TOKEN"

Let’s do a quick review of the config file.

  • First, the version key enables us to specify that we are using CircleCI 2.0.
  • Next up, we specify the base Docker image where our code will be run. In this case is a container based on Node 10, which is the current version at the time of writing this. You can use a later version if one is available.
  • The working_directory option specifies the location where our code will be cloned.
  • Next is the restore_cache section, which instructs CircleCI to restore any previously installed dependencies. Here we’re using a checksum of the package-lock.json file to detect whether to install the dependencies afresh or to use the cache to restore previously downloaded packages.
  • The next step is installing the dependencies through the npm install command.
  • The save_cache section instructs CircleCI to save the dependencies after installing them.
  • We then run the Gatsby Build command. This builds the optimized production version of the site, which is ready to be deployed.
  • Finally, we run the Firebase Deploy command that deploys our code to Firebase Hosting. In this step, you’ll notice that we need a Firebase token to allow deploying the app to our account. The command specifies that the token should be obtained from the FIREBASE_TOKEN environment variable. We’ll get this token in a moment.

Additionally, note the change in how we are running the firebase command from our locally installed dependencies rather than as a global command. As mentioned earlier, installing packages globally with CircleCI can be an issue, so we install all the packages we need locally in our project.

Integrating CircleCI and GitHub

We now have a config file and we can go ahead and integrate CircleCI with our GitHub repository that we created earlier.

  • Create an account on CircleCI, if you haven’t already.
  • Once you are logged in, ensure your account is selected on the top left corner.

  • Click Add Projects on the left sidebar.
  • On the next page, search for the name of your GitHub repository then click Set Up Project next to it.

  • On the next page, there’s a list of steps that are needed to build our project, the most important one being adding the CircleCI config file. Since we already have this file in our repo, let’s scroll all the way to the bottom and click Start Building.

Our build will finally start running, but it predictably fails in the Firebase deployment step. 😢

Fortunately, I know why the deploy fails. It’s because we’ve not yet added the Firebase deploy token to CircleCI. Let’s work on fixing this in the next section.

Getting a Firebase login token to use for deployments

In the final step, we will need to generate a Firebase token that we’ll use to allow access to our account. This token will enable CircleCI to deploy to Firebase on our behalf, since we cannot login using Firebase’s interactive prompt in a CI environment.

In our local development environment, let’s run this command to generate the token:

firebase login:ci

This will open up a browser window where you’ll be prompted to login to your Firebase account. Once you’re signed in, a token will be generated. You should get a result similar to the following after authenticating via the web browser.

Now that we have our token, all that’s left is to add the token as an environment variable in CircleCI so that we can use it in our project. Our deployment command expects to find the value in the FIREBASE_TOKENenvironment variable.

Adding the Firebase Token to CircleCI

These are the steps we’ll need to take to add the token:

  • Go to your project’s settings by clicking the gear icon next to your project.
  • Under the Build Settings section, click Environment Variables.
  • Click Add Variable.
  • In the modal that appears, enter FIREBASE_TOKEN in the name field, add the token we got from Firebase in the value field, then finally click Add Variable to finalize adding the variable.

  • With this step complete, we can now rerun our build by clicking Rerun Workflow on the right of the CircleCI project page.

We now have completed a successful deployment of our web application to Firebase Hosting using CircleCI! 🎉

Conclusion

This concludes our exploration of deploying web applications to Firebase using CircleCI. From now on, when we make updates to our Gatsby site and push the changes to GitHub, they will automatically be deployed to Firebase Hosting. It really is a great combination.

This approach will work for any other frontend projects and is not specific to Gatsby. Firebase provides the hosting for the web applications and CircleCI helps in automating and simplifying the process. Go forth and deploy! 🚀

For more information on these technologies, see the following resources:


Kevin Ndung’u is a software developer and open source enthusiast currently working as a software engineer at Andela. He is passionate about sharing his knowledge through blog posts and open source code. When not building web applications, you can find him watching a game of soccer.

CircleCI
CircleCI’s continuous integration and delivery platform helps software teams rapidly release code with confidence by automating the build, test, and deploy process. CircleCI offers a modern software development platform that lets teams ramp quickly, scale easily, and build confidently every day.
Tools mentioned in article
Open jobs at CircleCI
Solutions Engineer
Tokyo, Japan

As a Solutions Engineer at CircleCI Japan, you will be the customer’s trusted technical advisor throughout the sales process. You’ll provide hands-on support for cloud-based and single tenant deployment and product guidance with CircleCI’s largest customers.

About Solutions Engineering at CircleCI

Our Solutions Engineers have a strong understanding of the developer community and are able to confidently communicate with and provide first class support to developers, DevOps leads, and architects.

What you’ll do:

  • Serve as the technical support in mid-market and enterprise opportunities across the APAC region.
  • Collaborate with Account Executives to identify and uncover customer business goals, needs, and pains, and work to show how CircleCI can address them.
  • Lead demonstrations  and support customer trials, providing advice and technical support along the way.
  • Prove the technical feasibility of the CircleCI platform to highly technical and developer audiences.
  • Identify areas of potential improvement in our sales efforts, and then work to improve them. This could be high level strategy, daily tactical efforts, or down in the weeds of creating documentation or how to videos.
  • Partner closely with our customer success teams to ensure continuity of an amazing customer experience - for life.
  • Collaborate closely with Product and Engineering teams to help influence product roadmap based on market/customer requirements.
  • Provide technical responses to RFPs and RFIs.
  • Become an expert on the CircleCI solution.

What we're looking for:

  • Exceptional written and oral communication skills in English.
  • JLPT N2 or equivalent Japanese language proficiency.
  • World class presentation skills. You feel comfortable leading presentations and demos of our platform to groups, both technical and non-technical, in-person and virtually.
  • Work with customers directly to debug common errors without involving an engineer.
  • You can tie business problems to technical solutions and understand technology value propositions.
  • Demonstrated and proven capacity to quickly absorb new concepts and technologies.
  • You have spent a decent amount of time using and scripting *nix.
  • You know how to work with Git in general and ideally GitHub or Bitbucket in particular.
  • You’ve thrown together an app or two in a high-level programming language.
  • You believe that the best way for all to succeed is to honestly discuss product and company abilities and limitations with customers. We do not oversell at CircleCI.
  • You have working knowledge of cloud computing and exposure to one of the major vendors (AWS, GCP, Azure).
  • You’re familiar with basic networking concepts, e.g. HTTP, DNS, SSH, Firewalls.
  • Great relationship building skills and a good people person.

Bonus points!

  • Experience with build, test, and deployment automation.
  • Familiarity with functional languages, particularly Clojure.
  • Knowledge of Docker or Linux containers in general.
  • Experience with popular web app frameworks (e.g. Rails, Django), mobile app (iOS, Android), and/or Windows development.
  • Experience using and automating a major IaaS like AWS, GCP, or Azure.
  • Familiarity deploying and debugging distributed systems.
  • Ability to troubleshoot networking issues that may prevent communication between different components.

How to apply

If you’re interested in joining the team at CircleCI, please send a resumé and let us know why you’d be a great fit for our team. If you contribute to an open source project, write a blog, or have a presence on the web (Github, Stack, Quora, Wantedly, etc) we would love to hear about it.

We know there’s no such thing as a “perfect" candidate - we’re all a work in progress and are growing new skills and capabilities all the time. CircleCI welcomes those who are enthusiastic about learning and evolving, so however you identify and whatever your background, if this looks like a role where you could do work that excites you, we hope you’ll apply.

About CircleCI

CircleCI is the world’s largest shared continuous integration and continuous delivery (CI/CD) platform, and the central hub where code moves from idea to delivery. As one of the most-used DevOps tools that processes more than 1 million builds a day, CircleCI has unique access to data on how engineering teams work, and how their code runs. Companies like Spotify, Coinbase, Stitch Fix, and BuzzFeed use us to improve engineering team productivity, release better products, and get to market faster. 

Founded in 2011 and headquartered in downtown San Francisco with a global, remote workforce, CircleCI is venture-backed by IVP, Sapphire Ventures, Owl Rock, NextEquity Partners, Scale Venture Partners, Threshold Ventures, Baseline Ventures, Top Tier Capital Partners, Industry Ventures, Heavybit, and Harrison Metal Capital. Learn more at https://circleci.com.

CircleCI is proud to be an Equal Opportunity and Affirmative Action employer. We do not discriminate based upon race, religion, color, national origin, sexual orientation, gender, gender identity, gender expression, transgender status, sexual stereotypes, age, status as a protected veteran, status as an individual with a disability, or other applicable legally protected characteristics. We also consider qualified applicants with criminal histories, consistent with applicable federal, state and local law.

Staff Full Stack Software Engineer - ...
(United States or Canada)

Come join the world’s largest shared CI/CD platform, and help us drive the future success of our company! Our customers range from well-known household brands to small startups and everywhere in between, and we’re looking for engineers to help us excite more companies about our product. 

We’re looking for an experienced engineer who brings strong technical skills as well as experience supporting Growth engineering, to lead the buildout of our Growth domain and -teams. In this role, you’d play a key role in driving the future success of our business, and work with your teammates and technical leadership every day to make our Growth engineering teams successful. You will drive technical strategy for the Growth domain and work with your team to implement and maintain it. You’ll mentor and coach your teammates and foster technical leadership on your team. You will instill a Growth mindset and culture of using data-driven decision making, small increments of work, and continuous learning and experimentation. Together with your team, you’ll learn new things every day, and iterate based on short feedback cycles and data which you’ll analyze to identify what works. 

Our team: 

As the Growth team, our mission is to expose more users to the value they can get through using our product, and getting deeper into CI/CD with us. We dig deep into our users’ experience with CircleCI, and help them become more successful using our product. Focusing on our users’ onboarding experience, we hypothesize, build, analyze, and iterate together. We work hand in hand with our Product, Data, Design, Marketing, and Engineering teammates. Every day we challenge the status quo of our product in order to support our go-to-market teams and drive sustainable long-term growth for our entire company.

Our position in the engineering team is unique: we work throughout the entire CircleCI product – across marketing sites, onboarding, all the way to our core CI/CD workflows – to help empower our users to deliver better software faster.

What you’ll do:

  • Mentor & coach: You will regularly collaborate with the other growth engineers to expand their skills and support their career growth. 
  • Develop strategy and follow through on implementation with your team: You will conceive growth enablement strategies for the team, as well as for other Growth engineering teams together with technical leaders in the Growth domain, and implement them to allow teams to iterate faster.
  • Have business impact: You will conceive and execute experiments with the goal of learning more about how our users use our product, working with people across our entire company, always looking to increase your impact on our business. 
  • Foster a learning mindset and culture on your team: You will help the team embrace failure as a learning opportunity, are motivated by challenges, and celebrate the team successes.
  • Learn! You’ll learn something new about our product and our users every single day: through user feedback, data, and your work with your teammates. You’ll develop a deep understanding of how people use our product, what makes them successful, and how we can evolve our product to engage more organizations. You’ll learn how to drive revenue through engineering measures, how to get more customers to use our products and increase their engagement with us – key lessons for anyone interested in starting their own business one day.   
  • Run experiments and iterate quickly: Hypothesize, plan, architect, implement, analyze, A/B test, and rapidly iterate on features. 
  • Work with a collaborative, fast-moving team: Collaborate with, lead, and mentor your engineering teammates through planning, pairing, testing, and delivery of the features you build.
  • Take ownership of your work: As part of this role, you’ll participate in our team’s on-call rotation. 

What we’re looking for: 

We’re looking for someone who has a learning mindset, is curious and highly motivated to learn something new everyday. They should also like to have impact on high visibility work for their business, and be someone with an audience-driven communication style. If this sounds like you, here’s the additional experience we’re looking for:

  • Technical skills: You are proficient in one or more of Go, C++, or Python, and are interested in using functional programming paradigms (we use Clojure, but it’s fine if you haven’t yet). You bring a basic understanding of frontend development (we use React, but it’s fine if you haven’t yet). You bring experience designing, building, and running distributed systems, and are focused on scalability. You have experience utilizing frameworks and tools that support quick experimentation, and experience improving those on Growth engineering teams. You consider technology a tool for solving users’ problems, and are interested in learning new technology when required. You can find our entire tech stack here.
  • Enabling Growth engineers: You are deeply invested in helping teams become more effective and investing in creating more leverage for them. You care about good testing practices, observability, and creating long-term scalable systems that your teams can rely on.
  • Growth engineering experience: You have experience as an entrepreneur, in a small startup, or on Growth engineering initiatives and teams.
  • Strong communication and collaboration skills: You enjoy working closely with your teammates, brainstorming and developing ideas together, and would be excited to collaborate on technical strategy with fellow leaders on our Growth teams, as well as to shape interaction patterns between Growth- and other Engineering teams. You have strong feedback skills and communicate openly with your team and are open to being wrong and having your mind changed.
  • A curious mind: You are motivated by your curiosity and deep desire to learn something new every day. You enjoy driving a culture of curiosity and discovery on our users’ experience with our product within your team, and helping your teammates make decisions based on data, paying attention to the big picture as well as small details.
  • Desire to impact the future of our business: You like working on high exposure projects and tasks, and are keen to have impact in a crucial business domain, and taking a leadership role in a team that will play an important part in shaping the future of our company.
  • Interest in moving fast: You’re experienced in the day-to-day practices of continuous delivery and agile development in a production environment. You favor regular, incremental delivery over perfection, and you seek optimizations that allow the team to quickly implement experiments, and are interested in driving a culture of quick experimentation, as well as implementation of the frameworks to allow for it, on your team
  • Adaptability: You’re comfortable with ambiguity and figuring things out as they evolve, change, and new requirements emerge. You’re good at managing the ambiguity of a small, rapidly-growing company: adjusting to changing priorities, making conscious tradeoffs when guidance is limited and information is incomplete, and instituting best practices from scratch when needed. You’re able to help more junior engineers work through ambiguous, complex tasks, and reduce ambiguity together with them to help them grow.  

Work remotely with our globally distributed team!

We’re a distributed company with teammates across the world. Our Growth teams are distributed across North America. For this role, we are hiring engineers to work remotely in the United States and through our affiliate, Continuous Labs, in the following Canadian provinces: Alberta, British Columbia, Manitoba, New Brunswick, Newfoundland and Labrador, Nova Scotia, Ontario, Prince Edward Island and Saskatchewan.

CircleCI Engineering Competency Matrix

This role will be for level E4 on our Engineering Competency Matrix, our internal career growth system for engineers. These are the minimum expectations for this position, but we are always willing to discuss bringing people on at more senior positions when appropriate. Read our blog post about the competency matrix to learn more.

We know there’s no such thing as a “perfect” candidate - we’re all a work in progress and are growing new skills and capabilities all the time. CircleCI welcomes those who are enthusiastic about learning and evolving, so however you identify and whatever your background, if this looks like a role where you could do work that excites you, we hope you’ll apply.

About CircleCI

CircleCI is the world’s largest shared continuous integration and continuous delivery (CI/CD) platform, and the central hub where code moves from idea to delivery. As one of the most-used DevOps tools that processes more than 1 million builds a day, CircleCI has unique access to data on how engineering teams work, and how their code runs. Companies like Spotify, Coinbase, Stitch Fix, and BuzzFeed use us to improve engineering team productivity, release better products, and get to market faster. 

CircleCI is proud to be an Equal Opportunity and Affirmative Action employer. We do not discriminate based upon race, religion, color, national origin, sexual orientation, gender, gender identity, gender expression, transgender status, sexual stereotypes, age, status as a protected veteran, status as an individual with a disability, or other applicable legally protected characteristics. We also consider qualified applicants with criminal histories, consistent with applicable federal, state and local law.

Support Engineer
Tokyo, Japan

As a Support Engineer at CircleCI, you will be responsible for providing world-class post-sales technical leadership to our client base. Working directly with customers, you will be the subject matter expert on both the CircleCI platform and continuous integration and deployment as a general practice. You will be responsible for delivering value by driving adoption of CircleCI across the client’s enterprise. Finally, as part of the Customer Engineering organization, you will have the opportunity to work directly with our Product Management, Engineering, Customer Success, and Marketing teams to share your knowledge and experiences, towards ultimately improving our customers’ success with CircleCI.

You will be the main point of contact for all technical questions and assistance for these customers and will represent their needs back to the aforementioned teams. And, you will work with the rest of the Support team to build out and cultivate a customer community to enhance the experience of our customers.

The successful candidate for this job will have a strong technical aptitude along with a strong self-starting, proactive mentality as well as the ability to create and maintain deep, lasting relationships with customers. You’re going to be dealing with very technical users and complex issues, but you’re also tasked with creating excitement and loyalty in the customers you interact with.

About Customer Engineering at CircleCI

CircleCI’s Customer Engineering organization’s goal is to make life easier for our customers and leave them with the “wow” experience of building and testing their applications with ease. Customer Engineering works with customers to understand their technical and business needs and requirements — from onboarding to implementation to scale. The Customer Engineering department is comprised of Solutions Engineering (pre-sales), Success Engineering ( post-sales for large accounts), and Support Engineering (post-sales ticket based support for all customers). There is an opportunity for both horizontal and vertical growth, and promotion within Customer Engineering and the CircleCI organization.

What you’ll do:

  • Work closely with customers to help them setup CircleCI, both on circleci.com and in their own private cloud, including any custom setup they may need
  • Partner with your Support Manager to onboard and support our customers as well as act as the dedicated technical point of contact
  • Be creative and scrappy in solving customer technical problems and answering customer questions
  • Build best practices for onboarding across different technologies
  • Act as the voice of the customer and use customer feedback to help Product and Engineering improve the product
  • Code and commit relevant upgrades and changes to the CircleCI codebase
  • Work closely with the Product and Engineering teams to improve the customer experience across the whole platform
  • Become an expert on the CircleCI solution

What we're looking for:

  • Based in Tokyo
  • Exceptional written and oral communication skills in English
  • 2+ years of technical product support, engineering, or experience deploying software in the enterprise
  • Experience working directly with customers to debug common errors
  • You can tie business problems to technical solutions and understand technology value propositions
  • Demonstrated and proven capacity to quickly absorb new concepts and technologies
  • You have spent a decent amount of time using and scripting *nix
  • You know how to work with Git in general and ideally GitHub in particular
  • You’ve thrown together an app or two in a high-level programming language
  • You believe that the best way for all to succeed is to honestly discuss product and company abilities and limitations with customers. We do not oversell at CircleCI
  • Strong ops / infrastructure knowledge, especially networking and security
  • Great relationship building skills and a good people person

Bonus points!

  • Experience with build, test, and deployment automation, either as a practitioner or in a customer-facing role
  • Ability to troubleshoot networking issues that may prevent communication between different components
  • Knowledge of Docker or Linux containers in general
  • Experience with popular web app frameworks (e.g. Rails, Django) and/or mobile app development (iOS, Android)
  • Experience using and automating a major IaaS like AWS, GCP, or Azure
  • Familiarity deploying and debugging distributed systems
  • Japanese language skills

How to apply

If you’re interested in joining the team at CircleCI, please send a resumé and let us know why you’d be a great fit for our team. If you contribute to an open source project, write a blog, or have a presence on the web (Github, Stack, Quora, Wantedly, etc) we would love to hear about it.

We know there’s no such thing as a “perfect" candidate - we’re all a work in progress and are growing new skills and capabilities all the time. CircleCI welcomes those who are enthusiastic about learning and evolving, so however you identify and whatever your background, if this looks like a role where you could do work that excites you, we hope you’ll apply.

About CircleCI

CircleCI is the world’s largest shared continuous integration and continuous delivery (CI/CD) platform, and the central hub where code moves from idea to delivery. As one of the most-used DevOps tools that processes more than 1 million builds a day, CircleCI has unique access to data on how engineering teams work, and how their code runs. Companies like Spotify, Coinbase, Stitch Fix, and BuzzFeed use us to improve engineering team productivity, release better products, and get to market faster. 

Founded in 2011 and headquartered in downtown San Francisco with a global, remote workforce, CircleCI is venture-backed by IVP, Sapphire Ventures, Owl Rock, NextEquity Partners, Scale Venture Partners, Threshold Ventures, Baseline Ventures, Top Tier Capital Partners, Industry Ventures, Heavybit, and Harrison Metal Capital. Learn more at https://circleci.com.

CircleCI is proud to be an Equal Opportunity and Affirmative Action employer. We do not discriminate based upon race, religion, color, national origin, sexual orientation, gender, gender identity, gender expression, transgender status, sexual stereotypes, age, status as a protected veteran, status as an individual with a disability, or other applicable legally protected characteristics. We also consider qualified applicants with criminal histories, consistent with applicable federal, state and local law.

Verified by
Solutions Engineer
Head of DevRel & Community
Vice President of Marketing
Software Engineer
Support Engineer
Developer Evangelist
Technical Content Marketing Manager
You may also like