stoplightio / Stoplight.io
Source code for stoplight.io
Stars: ✭ 57
Projects that are alternatives of or similar to Stoplight.io
Commercejs Nextjs Demo Store
Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.
Stars: ✭ 737 (+1192.98%)
Mutual labels: netlify
Wp2static
WordPress static site generator for security, performance and cost benefits
Stars: ✭ 952 (+1570.18%)
Mutual labels: netlify
Netlify Rebuild
WordPress Plugin to trigger Netlify rebuild
Stars: ✭ 19 (-66.67%)
Mutual labels: netlify
Unicorn Mart
A proof of concept e-commerce store leveraging Contentful, GatsbyJS, Stripe, and serverless via clay.run
Stars: ✭ 21 (-63.16%)
Mutual labels: netlify
Next Purescript Example
Simple example app using Next.js with Purescript
Stars: ✭ 35 (-38.6%)
Mutual labels: netlify
Wowchemy Hugo Modules
🔥 Hugo website builder, Hugo themes & Hugo CMS. No code, build with widgets! 创建在线课程,学术简历或初创网站。
Stars: ✭ 6,093 (+10589.47%)
Mutual labels: netlify
Terraform Provider Netlify
Terraform Netlify provider. Please note: This Terraform provider is archived per our provider archiving process: https://terraform.io/docs/internals/archiving.html
Stars: ✭ 51 (-10.53%)
Mutual labels: netlify
Docslikecode
Read stories, learn through practice, share with others, to treat docs as code.
Stars: ✭ 28 (-50.88%)
Mutual labels: netlify
Netlify Plugin Ghost Markdown
Returns Ghost content as markdown files for static site generators like Jekyll to consume.
Stars: ✭ 46 (-19.3%)
Mutual labels: netlify
Gitexplorer
Find the right git commands without digging through the web.
Stars: ✭ 919 (+1512.28%)
Mutual labels: netlify
Next On Netlify Demo
Demo of a Next.js app with Server-Side Rendering on Netlify
Stars: ✭ 40 (-29.82%)
Mutual labels: netlify
Gatsby Starter Ghost
A starter template to build lightning fast websites with Ghost & Gatsby
Stars: ✭ 752 (+1219.3%)
Mutual labels: netlify
Traefik Custom Error Pages
Bunch of custom error pages for Traefik 2.x built with Jekyll
Stars: ✭ 49 (-14.04%)
Mutual labels: netlify
Next On Netlify
Build and deploy Next.js applications with Server-Side Rendering on Netlify!
Stars: ✭ 719 (+1161.4%)
Mutual labels: netlify
Gatsby Starter Kontent Lumen
Lumen is a minimal, lightweight and mobile-first starter for creating blogs using Gatsby and Kentico Kontent.
Stars: ✭ 34 (-40.35%)
Mutual labels: netlify
stoplight.io
stoplight.io, Best in class API Design, Docs, Mocking, and Testing.
Features
- React Static - A progressive static site generator for React
- Tailwind - A utility-first CSS framework for rapidly building custom designs
- Fontawesome - Vector icons and social logos
- Netlify - Continuous deployment and hosting
- Netlify CMS - Open source content management for your Git workflow
Project Structure
- netlify: Content files created in NetlifyCMS that power the src/templates
-
public: Static files that are copied into
dist
at build time such as images - src/templates: Templates receive data from content files in /netlify and are rendered into static HTML pages
- src/components: Reusable React components that are used by src/templates
- src/utils: Utility functions used by components and the build process
- static.config.js: The react-static configuration file used to build the site
Getting Started
Installation
- Run
yarn install
to install the sites dependencies - Run
yarn start
to start the local development server - Go to http://localhost:3000
Create a Route
A route is a combination of a content file in ./netlify, a template in ./src/templates, and a browser path.
- Read the react-static docs on adding a route.
- Add a route to getRoutes function.
Here's an example:
{
path: '/enterprise', // Creates a route for /enterprise
template: 'src/templates/Enterprise', // Loads the Enterprise template whenever a user lands on /enterprise
getData: () => getFile(`./netlify/pages/enterprise.yaml`), // Reads the file data from the enterprise.yaml file and passes it into the Template
},
Create a Template
- Create a new folder in
src/templates/{page name}
. - Add an
index.tsx
file that default exports a React component. - Add a
config.js
that exports the NetlifyCMS configuration for the page.
Useful Commands
# starts the local development server
yarn start
# build for a staging environment
yarn build
# build the production environment
yarn build.production
# outputs an analysis of the build
yarn build.analyze
# starts a local server running a build in /dist
yarn serve
# runs the typescript linter
yarn lint
Environment Variables
-
RELEASE_STAGE
: determines which environment to run: development, staging or production -
CLOUDINARY_API_KEY
: used by the admin portal for uploading images to Cloudinary
License
This project is licensed under the MIT license.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].