Coder Social home page Coder Social logo

ShakaCode Website

This is the ShakaCode Website, http://www.shakacode.com

Starting Locally

scripts/shakacode-local

Deploying

scripts/shakacode-deploy

Creating a page or post

See the octopress readme.

  1. octopress new post "The React on Rails Doctrine"

Dependencies to build

  1. Bower: npm install -g bower
  2. Gem Octopress: gem install octopress

Run Locally

  1. git clone [email protected]:shakacode/shakacode-website.git
  2. cd shakacode-website
  3. bundle
  4. bower install
  5. scripts/shakacode-local
  6. go to localhost:4000

Online and Local Documentation

Octopress Docs and Jekyll Docs

Local Octopress Documentation

You can run the local Octopress Documentation

  1. go to shakacode-website folder
  2. run octopress docs
  3. go to localhost:4444

CSS

It's a simple BEM style like this

JS

The octopress-asset-pipeline gem takes care of javascript. It combine, compress and fingerprint CSS and JS (and/or Coffescript). You can define precedence on _config.yml like this:

  asset_pipeline:
    order_js:
    - jquery.js
    - main.js

Team Members Data

All user info is inside _config.yml, feel free to change your info. If you're playing around on localhost, restart it. You need to restart the server everytime you make some change on _config.yml. If you add someone, do it alphabetically.

How to create posts

  1. Run the project locally
  2. go to the project folder
  3. run octopress new post "<post name>". A post will be created prepended by time, for example: octopress new post "My new Post" will create a file 2015-09-21-my-new-post.markdown
  4. Please use a branch and PR for new posts!

Test Locally

scripts/shakacode-local

How to deploy

After you create your post/page or modify something you need to deploy

scripts/shakacode-deploy

How to unpublish

  1. Run the project locally
  2. go to the project folder
  3. run octopress unpublish "<post name>"

For more info:

jekyll --help
octopress --help
octopress new --help

Live Reload

  1. Add Chrome Extension. Here's the Chrome Extension
  2. Start Jekyll by running: guard

For more details, see article Jekyll Live Reload

To be done

See Trello board ShakaCode Website and website issues page.

ShakaCode's Projects

react-webpack-rails-tutorial icon react-webpack-rails-tutorial

Example of integration of Rails, react, redux, using the react_on_rails gem, webpack, enabling the es7 and jsx transpilers, and node integration. And React Native! Live Demo:

react_on_rails icon react_on_rails

Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.

react_on_rails_demo_ssr_hmr icon react_on_rails_demo_ssr_hmr

react_on_rails tutorial demonstrating SSR, HMR fast refresh, and Typescript based on the rails/webpacker webpack setup

reactrails-react-native-client icon reactrails-react-native-client

This repository is for a react-native client to the https://www.reactrails.com/, source at https://github.com/shakacode/react-webpack-rails-tutorial/.

recompose icon recompose

A React utility belt for function components and higher-order components.

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.