https://github.com/seung-seop-ahn/webflow

Creating a site using webflow
https://github.com/seung-seop-ahn/webflow

cms webflow

Last synced: 3 months ago
JSON representation

Creating a site using webflow

• Host: GitHub
• URL: https://github.com/seung-seop-ahn/webflow
• Owner: seung-seop-ahn
• Created: 2024-03-24T03:09:47.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-24T13:20:27.000Z (about 2 years ago)
• Last Synced: 2025-04-03T16:43:49.939Z (about 1 year ago)
• Topics: cms, webflow
• Homepage: https://disquiet-clone-demo-1fff55.webflow.io/
• Size: 9.88 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Welcome to webflow 👋

[![Version](https://img.shields.io/npm/v/webflow.svg)](https://www.npmjs.com/package/webflow)

> Creating a site using webflow. The main purpose of this project is to understand what CMS(Content Management System) is. As webflow is a no-code tool, there will be no codes for this project.

## Install

### Chrome Extension

- Flowbase Chrome Extension

- Finsweet Extension for Webflow

- HeadingsMap

## Component Sites

- [Webflow Library (Free)](https://webflow.com/libraries)

- [Relume Webflow Library (Partially Free)](https://www.relume.io/components)

## Template Sites

- [Webflow Template (Provides Styleguide)](https://webflow.com/templates)

- [Finsweet Template (Recommended ⭐️)](https://finsweet.com/client-first)

- [Finsweet Styleguide (Recommended ⭐️)](https://webflow.com/made-in-webflow/website/client-first-cloneable?gspk=NDg2ODEzOQ&gsxid=Ow5FaqmKxv8L)

## Materials

- [Airtable Database for cloning](https://airtable.com/appI45Bgq5lU3Dy3h/shrxoEpbGJDaNoV5L)

## Import Data

1. Login [PowerImporter](https://www.powerimporter.com/)

2. Choose 'Airtable to Webflow sync'

3. Choose 'Login to Webflow'

4. Get Airtable API Key from Airtable Account Setting

5. Go on.. (Don't map Slug, Item ID, Shortcode)

6. Publish Webflow Site

7. Test & Review

8. Sync

![](./docs/images/personal-token.png)

![](./docs/images/powerimport.png)

## Result

- https://disquiet-clone-demo-1fff55.webflow.io/

## Things I haven't tried

- [Memberstack for Authentication](https://www.memberstack.com/)

- [Finsweet Attribute for CMS](https://finsweet.com/attributes)

  - CMS Nesting

  - CMS Sort

  - CMS Slider

  - CMS Filter

- [Disqus for comments](https://disqus.com)

- Airtable's Plugin for sync (CMS > Airtable)

  - Noble Airtable (Item ID, Shortcode)

- [Tally Form for uploading files](https://tally.so/)

## Author

👤 **Kevin Ahn**

- Github: [@seung-seop-ahn](https://github.com/seung-seop-ahn)