Built With:
-
Start it up
git clone [email protected]:MetaMask/website.git yarn yarn develop
-
View site
MetaMask is now running at
http://localhost:8000!There is also a GraphQL API at
http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.
Gatsby file structure documentation
.
├── public/
├── src/
├── components/
├── fonts/
├── fragments/
├──GraphQL_Documentation.md
├── images/
├── icons/
├── social-icons/
├── metamask-logo.svg
├── ...
├── lib/
├── theme.js
├── pages/
├── index.js
├── about.js
├── ...
├── html.js
├── gatsby-config.js
├── .env
├── GraphQL_Query_Documentation.md
├── package.json
└── README.md
gatsby-config.js
The main configuration file for a Gatsby site. This is where you can specify information about your site (metadata), site title ,and description, which Gatsby plugins we are using, etc. (Check out the config docs for more detail).
src/fragments/
GraphQL query fragments that create standard data requests across components
src/lib/theme.js
Contains styling constants for font sizes and weights, device sizes for media queries, shadows, and colors.
public/
Automatically generated output of gatsby build process for production.
src/pages
Files within this directory are turned into routes with the name of the file (e.g. about.js becomes /about).
Only files within /pages are allowed to make dynamic GraphQL queries which cascade data down to components.
src/html.js
Entry file used by Gatsby for all rendered pages html template
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent