Giter VIP home page Giter VIP logo

devdocs-webflow's Introduction

Webflow Large-Scale Software Development Kit

A minimalist template repository for building rich native JavaScript/jQuery applications for Webflow.


๐ŸŽฅ Loom Preview Video

![Loom Preview Video]


๐ŸŽฅ How to go live / host the production-ready file (for free!)

![Loom Preview Video]


๐Ÿš€ Getting Started

Using GitHub Codespaces

  1. Click Use this template.
  2. Select Open in a codespace.
  3. Wait 30 seconds to two minutes for everything to install automatically.
  4. Type npm start in the terminal.
  5. Press http://localhost:1234.
  6. Follow the instructions on the bmg.studio documentation page to integrate with your Webflow project.

Using Desktop

  1. Download the file (/zip) and open it in Visual Studio Code.
  2. Open the terminal and type npm i, then npm start.
  3. Press http://localhost:1234.
  4. Follow the instructions on the bmg.studio documentation page to integrate with your Webflow project.

Make sure you have npm installed: https://nodejs.org/en/download


๐Ÿ—๏ธ Building Production Code

  1. After you're done, type npm run build in the terminal.
  2. Follow the instructions to locate and use the generated production files.

๐ŸŒ Hosting Production Files on GitHub

Manual Method

  1. Copy the compressed controller JavaScript code from the dist folder.
  2. Create a new file in your GitHub repository and paste the copied code.
  3. Commit the new file.
  4. Get the jsDelivr link by pasting the file's URL on jsDelivr's GitHub page.
  5. Replace the src URL in your Webflow project settings with the jsDelivr link.
  6. Publish your Webflow project.

Using Git

Make sure you have Git installed: https://git-scm.com/downloads

  1. Initialize the Git repository using git init.
  2. Rename the default branch to main using git branch -m master main.
  3. Configure your Git username and email using git config --global user.name YOUR NAME and git config --global user.email YOUR_EMAIL.
  4. Add and commit your changes using git add -A and git commit -m 'first commit ๐Ÿš€'.
  5. Add your GitHub repository as the remote origin using git remote add origin https://github.com/USER/REPO.git.
  6. Set the remote URL using git remote set-url origin https://github.com/USER/REPO.git.
  7. Push your changes to GitHub using git push origin main.

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.