diff --git a/.prettierrc b/.prettierrc
index 15bc4fe..0c06006 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,5 @@
 {
   "arrowParens": "avoid",
-  "semi": true
+  "semi": true,
+  "singleQuote": true
 }
diff --git a/gatsby-browser.js b/gatsby-browser.js
index 564fabb..01e21b7 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -1 +1 @@
-import "@kichiyaki/roboto";
+import '@kichiyaki/roboto';
diff --git a/gatsby-config.js b/gatsby-config.js
index 9928fb8..15cf076 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,16 +1,16 @@
-const baseUrl = "tribalwarshelp.com";
-const siteUrl = "https://" + baseUrl;
-const apiUrl = "https://api." + baseUrl;
+const baseUrl = 'tribalwarshelp.com';
+const siteUrl = 'https://' + baseUrl;
+const apiUrl = 'https://api.' + baseUrl;
 
 module.exports = {
   siteMetadata: {
     title: `TWHelp`,
     description: `Tools for the popular online game TribalWars.`,
-    dcbotUrl: "https://dcbot." + baseUrl,
+    dcbotUrl: 'https://dcbot.' + baseUrl,
     apiUrl,
-    author: "Dawid Wysokiński",
-    contactUrl: "http://dawid-wysokinski.pl/#contact",
-    scriptsUrl: "https://github.com/tribalwarshelp/scripts",
+    author: 'Dawid Wysokiński',
+    contactUrl: 'http://dawid-wysokinski.pl/#contact',
+    scriptsUrl: 'https://github.com/tribalwarshelp/scripts',
     siteUrl,
     baseUrl,
   },
@@ -45,29 +45,29 @@ module.exports = {
     },
     `gatsby-plugin-sitemap`,
     {
-      resolve: "gatsby-plugin-robots-txt",
+      resolve: 'gatsby-plugin-robots-txt',
       options: {
         host: siteUrl,
-        sitemap: siteUrl + "/sitemap.xml",
+        sitemap: siteUrl + '/sitemap.xml',
         env: {
           development: {
-            policy: [{ userAgent: "*", disallow: ["/"] }],
+            policy: [{ userAgent: '*', disallow: ['/'] }],
           },
           production: {
-            policy: [{ userAgent: "*", allow: "/" }],
+            policy: [{ userAgent: '*', allow: '/' }],
           },
         },
       },
     },
     {
-      resolve: "gatsby-source-graphql",
+      resolve: 'gatsby-source-graphql',
       options: {
         // This type will contain remote schema Query type
-        typeName: "twhelp",
+        typeName: 'twhelp',
         // This is the field under which it's accessible
-        fieldName: "twhelp",
+        fieldName: 'twhelp',
         // URL to query from
-        url: apiUrl + "/graphql",
+        url: apiUrl + '/graphql',
       },
     },
   ],
diff --git a/src/components/Link.js b/src/components/Link.js
index 7f0873c..3c64705 100644
--- a/src/components/Link.js
+++ b/src/components/Link.js
@@ -1,6 +1,6 @@
-import React from "react";
-import { Link as GatsbyLink } from "gatsby";
-import { Link as MUILink } from "@material-ui/core";
+import React from 'react';
+import { Link as GatsbyLink } from 'gatsby';
+import { Link as MUILink } from '@material-ui/core';
 
 function Link({ href, to, ...rest }) {
   if (to) {
diff --git a/src/components/SEO.js b/src/components/SEO.js
index 4092ac7..45a727f 100644
--- a/src/components/SEO.js
+++ b/src/components/SEO.js
@@ -5,11 +5,11 @@
  * See: https://www.gatsbyjs.org/docs/use-static-query/
  */
 
-import React from "react";
-import PropTypes from "prop-types";
-import { Helmet } from "react-helmet";
-import { useStaticQuery, graphql } from "gatsby";
-import seoBG from "@images/seo-bg.png";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import { useStaticQuery, graphql } from 'gatsby';
+import seoBG from '@images/seo-bg.png';
 
 function SEO({ description, lang, meta, title, pathname }) {
   const { site } = useStaticQuery(
diff --git a/src/gatsby-theme-material-ui-top-layout/theme.js b/src/gatsby-theme-material-ui-top-layout/theme.js
index d38e48c..95cfc1e 100644
--- a/src/gatsby-theme-material-ui-top-layout/theme.js
+++ b/src/gatsby-theme-material-ui-top-layout/theme.js
@@ -1,8 +1,8 @@
-import { createMuiTheme, responsiveFontSizes } from "@material-ui/core/styles";
+import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles';
 
 const theme = createMuiTheme({
   palette: {
-    type: "dark",
+    type: 'dark',
   },
 });
 
diff --git a/src/pages/404.js b/src/pages/404.js
index 070624e..ae8f9f8 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 
-import { Typography, Box, Container } from "@material-ui/core";
-import { Link } from "gatsby-theme-material-ui";
-import SEO from "../components/SEO";
+import { Typography, Box, Container } from '@material-ui/core';
+import { Link } from 'gatsby-theme-material-ui';
+import SEO from '../components/SEO';
 
 const NotFoundPage = ({ location }) => (
   <Box
diff --git a/src/pages/index.js b/src/pages/index.js
index 8b10c60..17ba241 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,10 +1,10 @@
-import React from "react";
-import { useStaticQuery, graphql } from "gatsby";
+import React from 'react';
+import { useStaticQuery, graphql } from 'gatsby';
 
-import { makeStyles } from "@material-ui/core/styles";
-import { Typography, Button, Box, Container } from "@material-ui/core";
-import SEO from "../components/SEO";
-import Link from "../components/Link";
+import { makeStyles } from '@material-ui/core/styles';
+import { Typography, Button, Box, Container } from '@material-ui/core';
+import SEO from '../components/SEO';
+import Link from '../components/Link';
 
 const LinkButton = ({ children, href, to }) => {
   return (
@@ -19,16 +19,16 @@ const LinkButton = ({ children, href, to }) => {
 const useStyles = makeStyles(theme => ({
   nav: {
     marginBottom: theme.spacing(3),
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "center",
-    justifyContent: "center",
-    "& > *": {
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    justifyContent: 'center',
+    '& > *': {
       padding: theme.spacing(0.5),
     },
-    [theme.breakpoints.down("xs")]: {
-      flexDirection: "column",
+    [theme.breakpoints.down('xs')]: {
+      flexDirection: 'column',
     },
   },
 }));
@@ -79,7 +79,7 @@ const IndexPage = ({ location }) => {
             <LinkButton href={siteMetadata.dcbotUrl}>Discord Bot</LinkButton>
           </div>
           <div>
-            <LinkButton to={"/supported-versions"}>
+            <LinkButton to={'/supported-versions'}>
               Stat tracking website
             </LinkButton>
           </div>
diff --git a/src/pages/supported-versions.js b/src/pages/supported-versions.js
index 3d0a7f5..7fee68b 100644
--- a/src/pages/supported-versions.js
+++ b/src/pages/supported-versions.js
@@ -1,5 +1,5 @@
-import React from "react";
-import { useStaticQuery, graphql } from "gatsby";
+import React from 'react';
+import { useStaticQuery, graphql } from 'gatsby';
 
 import {
   Box,
@@ -8,9 +8,9 @@ import {
   Grid,
   Container,
   Typography,
-} from "@material-ui/core";
-import Link from "../components/Link";
-import SEO from "../components/SEO";
+} from '@material-ui/core';
+import Link from '../components/Link';
+import SEO from '../components/SEO';
 
 const buildURLToVersionPage = (baseUrl, code) => {
   return `https://${code}.${baseUrl}`;