Giter Club home page Giter Club logo

10x's Introduction

10x Website

Content management

This site uses Netlify CMS for managing content edits. You can access the content management editor by going to the site's domain, followed by "/admin". It's best to make significant changes on the Demo version of the site, which is at https://demo.10x.gsa.gov. Although the admin site is available in production, it is unwise to make changes to the live site.

To edit the content on the site, log into the content manager at https://demo.10x.gsa.gov/admin using your GitHub credentials.

For detailed information about how to use the content manager, check out the content authoring guide at https://docs.google.com/document/d/10VRGLNhSkWqjQdHAe10RXKaI9qdL79CLW3I4-WlPz7E/view

To save your changes and see them on the demo site, click the "Publish" button at the top right of the editor. Each publish will start a new build in Federalist and should take up to 5 minutes to deploy. You will not receive a notification when it succeeds, but you can monitor build status here.

When you're satisfied with how the demo site looks and want to push your changes live, you should open a Pull Request from the demo branch to Main.

If possible, invite someone to review your changes.

When you're ready, approve and merge the request, but do not delete the "demo" branch.


Development

Installation & getting started

This site can be run locally using NodeJS. Using the command line, install the site and dependencies:

npm i

Then add a .env file with the BASEURL variable equal to your localhost or the production domain (feel free to use .env.local and .env.production if you like):

BASEURL=https://10x.gsa.gov
PUBLIC_URL=$BASEURL

Also, the current build is very tempermental and will only work on specific versions of node and npm. Make sure you're using node v16.15.0 and npm v8.5.5 in the project directory.

nvm install 16.15.0
npm install -g [email protected]

To serve the site locally:

npm run start

To build for production:

npm run federalist

Technical information

This site is a small custom React app. Many of its components are based on the USWDS. The data and contents of the site are in JSON files, which is best authored and edited through the Netlify CMS admin; however, you can edit the JSON locally and re-start the start task to test changes to the data model or content.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.