Document & develop React components without breaking a sweat. Zero-config, no plugins, components over configuration. use markdown, MDX, or React components, automatic file system based routing, completely customizable, export static sites, works as an isolated development environment. x0 renders a directory of React components, automatically handling routing based on filename. Create a docs folder and add an index.js file. Use the async getInitialProps static method to fetch data for static rendering. A custom App component can be provided by including an _app.js file. The App component uses the render props pattern to provide additional state and props to its child routes. The App component can also be used to provide a common layout for all routes. x0 supports server-side rendering for styled-components and emotion with zero configuration.
Features
- Export static HTML and client-side bundle
- Export static HTML without bundle
- Ensure emotion is installed as a dependency in your package.json
- Default options can be set in the x0 field in package.json
- Head elements such as <title>, <meta>, and <style> can be configured with the x0 field in package.json
- A custom HTML template can be passed as the template option