Git Product home page Git Product logo

ascend-society's People

Contributors

emelleme avatar shejza avatar

Watchers

 avatar

ascend-society's Issues

Integrate Site with Contentful CMS

We will use Contentful for the content management of the site. This will enable designated users to edit and manage the content without requiring development resources. The integration will involve setting up API calls to pull data from Contentful and create static site content during the build process with Eleventy.

Here is a high-level overview of the plan:

1. Create/Configure Content Models in Contentful:
The first step will be to create or configure content models in Contentful to match the structure of the content on our Eleventy site. This will likely involve creating a few different models depending on the complexity and variety of our site's content.

2. Set Up API Keys:
We will need to generate API keys from the Contentful management dashboard. These will be required to authenticate our application and allow it to pull content from Contentful.

3. Integrate Contentful API with Eleventy:
We'll use the Contentful JavaScript SDK to fetch our content from Contentful during Eleventy's build process. The data fetched will then be passed to Eleventy templates to generate the pages of our site.

4. Mapping Contentful Data to Eleventy Templates:
We'll map the data fetched from Contentful to our existing Eleventy templates, making sure that each field from our Contentful models is correctly populated in the templates.

5. Test Locally:
Before deploying, we'll run extensive local tests to make sure that the content is correctly being pulled from Contentful and populated into our Eleventy site.

6. Automate the Build Process:
We'll set up a continuous deployment pipeline using GitHub Actions (or another preferred tool) so that every time there is a change in Contentful, it triggers a new build of our Eleventy site, ensuring our content is always up-to-date.

7. Deploy and Test Live Site:
Finally, we'll deploy our Eleventy site integrated with Contentful and perform rigorous testing to ensure the live site works as expected.

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.