Object Press - A free headless cms built with React

Last update: Apr 29, 2022

logo


An awesome way to jumpstart your way into the Jamstack!


Object Press is a FREE headless content management system.


dashboard

Main Features

  • 99.99% UP time for all content.
  • Content is delivered via serverless and scalable endpoints to handle various levels of traffic appropriately.
  • You can add content using markdown, create unique fields for your app, and upload your images to our servers for free.

Implementation

  1. Sign up at objectpress.io
  2. Create your content
  3. Update the APP_SECRET and USER_SECRET in your gatsby-config.js file to deploy
// loads the source-plugin and adds credentials
    {
      resolve: `gatsby-plugin-objectpress`,
      options: {
        appSecret: `APP_SECRET`,
        userSecret: `USER_SECRET`,
      },
    },

Getting Started

Join the conversation via Slack.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. If you're interested in the project, please reach out and check the docs. Any contributions are greatly appreciated.

  1. Fork the Project, register via email (Google login does not work locally)
  2. Create your Feature/Fix Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request using the PR template, use semantic versioning when appropriate

License

Distributed under the ISC License.

Contact

Email - [email protected]

GitHub - github.com/ObjectPress

GitHub

https://github.com/ObjectPress/object-press
Comments
  • 1. Add form validation

    We should add form validation using react-hooks-form. The idea would be to add this to all drawer components for creating blogs, posts, and profile info. This should be done using this repo as an example.

    Reviewed by vmcodes at 2022-03-13 12:31
  • 2. Ensured that search is performed on enter keypress

    Pull-Request for Object Press

    Description

    Made use of the onKeyPress listener on the Input tags to check when Enter is pressed and trigger search thereafter.

    Relates to issue

    • Add search on enter keypress #8

    Reviewers

    • @vmcodes (merge duty)
    Reviewed by atifcppprogrammer at 2022-03-30 00:25
  • 3. feature/NoResultGallery

    Pull-Request for Object Press

    Description

    • Added NoResult component and managing onLoading state

    Relates to issue

    • #7

    Reviewers

    • @vmcodes

    Steps to reproduce (if describing bug fix)

    • Choose from dropdown list or search by post title to see the gallery or NoResult component

    Screenshots / other info

    ...

    Reviewed by urtadolg at 2022-03-28 21:10
  • 4. New login page components

    We should update the login page to not use the default AWS Authenticator login UI and switch to only Base Web components. I would like to handle the functionality related to AWS, but essentially we would need the following components to be created: Login.tsx Register.tsx Verify.tsx ForgotPassword.tsx ChangePassword.tsx

    Reviewed by vmcodes at 2022-03-26 02:00
  • 5. Feature/form validation

    Pull-Request for Object Press

    Description

    • Added form validation

    Relates to issue

    • #6

    Reviewers

    • @vmcodes

    Steps to reproduce (if describing bug fix)

    • Plays with Add Blog, Update Blog, Add Post, Update Post.

    Screenshots / other info

    ...

    Reviewed by urtadolg at 2022-03-21 15:44
  • 6. updating drawer context to support multiple drawer instances

    Pull-Request for Object Press

    Description

    • Updated DrawerContext and DrawerItems to support multiple instances of drawer
    • Updated DrawerContext and DrawerItems to handle url changing instead of pushning new url everytime calling open/ close drawer
    • Updated the usages of DrawerContext across the application.

    Relates to issue

    • #5

    Reviewers

    • @vmcodes (merge duty)
    Reviewed by nnkhuongduy at 2022-03-21 15:25
  • 7. Add search on enter keypress

    If the search is valid in any of the search bars, we need the search bars to work when the user presses enter, instead of only being able to select the search icon.

    Reviewed by ObjectPress at 2022-03-18 00:48
  • 8. Add the NoResults component to the gallery search

    I was thinking about possibly showing the NoResult.tsx component when the search results or blog sort features of the Gallery.tsx container have no images to display, instead of the place holder skeletons being displayed currently. We could add some new conditional rendering for showing the skeletons when first loading the page/clearing the results, but displaying the NoResults.tsx component when no results are actually found. As always, open to any suggestions.

    Reviewed by ObjectPress at 2022-03-17 18:03
  • 9. Add the ability to create image galleries

    We need to be able to create image galleries that allow for image uploads that are separate from blog posts. This will allow the user to more easily embed images in their posts via Markdown. The backend is in progress for this issue, but shouldn't be too difficult to integrate.

    Reviewed by vmcodes at 2022-03-24 05:39
  • 10. Add types documentation with tsdoc

    Looking to add documentation using TSDoc. Mainly want to get started with the src/types folder and move forward from there. The TSDoc configs are in place and ready to go.

    Reviewed by ObjectPress at 2022-03-12 06:30
  • 11. Adding image management feature for post

    Pull-Request for Object Press

    Description

    • [x] Adding images mangement drawer
    • [x] Updating uploader component to better handling upload (remove/ multi-upload, ...)
    • [x] Implementing upload images onto server and adding those into post data
    • [x] Managing uploaded post's images (remove, upload new, ...)
    • [x] Merging with image gallery

    Relates to issue

    • #5

    Reviewers

    • @vmcodes (merge duty)
    Reviewed by nnkhuongduy at 2022-03-29 15:14
  • 12. Add dark mode

    This will be a pretty involved task, but with Base Web you can create a second dark theme. There's a few different options we could discuss on how to maintain the preference, at least during a session, but potentially via profile settings as well. One of the more involved aspects will be managing any current custom CSS and inline styles.

    Reviewed by ObjectPress at 2022-03-23 03:47
  • 13. Add/remove images from blog posts

    I'd like to implement the functionality required to add and remove images from a blog post. It could be done directly in the update post panel and also potentially through the gallery after filtering to a specific blog. Thoughts and opinions are welcome.

    Reviewed by vmcodes at 2022-03-13 02:56
FireCMS is a headless CMS and admin panel based on Firebase, built by developers for developers.
FireCMS is a headless CMS and admin panel based on Firebase, built by developers for developers.

FireCMS is a headless CMS and admin panel based on Firebase, built by developers for developers.

Jun 18, 2022
React-node-notion - An example of a React app and Node server using Notion as a CMS
React-node-notion - An example of a React app and Node server using Notion as a CMS

Running the Project Create an env file with your Notion credentials Create a ser

Apr 26, 2022
MediaCMS is a modern, fully featured open source video and media CMS, written in Python/Django and React, featuring a REST API.
MediaCMS is a modern, fully featured open source video and media CMS, written in Python/Django and React, featuring a REST API.

MediaCMS is a modern, fully featured open source video and media CMS. It is developed to meet the needs of modern web platforms for viewing and sharing media. It can be used to build a small to medium video and media portal within minutes.

Jun 21, 2022
React Reduction - Free Admin Template Built with React and Bootstrap4
React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4 Preview You can check out live preview. Quick Start Clone the repo git clone htt

Jun 21, 2022
Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!
Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Mar 16, 2022
Gold news is a free news website where you can access any news around the world. This project is made with react
Gold news is a free news website where you can access any news around the world. This project is made with react

Gold news is a free news website where you can access any news around the world. This project is made with react

May 2, 2022
A bot Similar to the reaction roles discord bot, but free. Written in JavaScript, and uses MongoDB.

An open source reaction roles bot to anyone who needs one in their server. It's easy to use, similar to the reaction roles bot and Totally Free. The bot also used MongoDB as a database!

Jun 20, 2022
A Fitness and Nutriotion management platform, wanted to go custom and free
A Fitness and Nutriotion management platform, wanted to go custom and free

A Fitness and Nutriotion management platform, wanted to go custom and free. Inspired by fitnesspal, eatthismuch, ifym and much more!

Jan 18, 2022
A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow
A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow

A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow

Apr 5, 2022
Cuckoo - Anonymous video calls across the world for free with screensharing
 Cuckoo - Anonymous video calls across the world for free with screensharing

?? Cuckoo - A free anonymous video-calling web application built with WebRTC and React that provides peer-to-peer video and audio communication in a web browser with no plugins or extensions required.

Jun 11, 2022
Syntax highlighting, like what GitHub uses to highlight code, but free and open source and JavaScript
Syntax highlighting, like what GitHub uses to highlight code, but free and open source and JavaScript

Close up of The Starry Night by Vincent van Gogh (1889) with examples of starry-night over it starry-night Syntax highlighting, like what GitHub uses

Jun 9, 2022
A basic app to find free pictures easily.
A basic app to find free pictures easily.

This project was bootstrapped with Create React App. Below you will find some information on how to perform common tasks. You can find the most recent

May 18, 2022
Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)

?? Shopping App ?? Online Marketplace Built with MERN stack (MongoDB, Express, React and Node). ⚡️ ⚡️ ⚡️ Kiwi Shop ⚡️ ⚡️ ⚡️ ?? Table of contents Main

May 31, 2022
A Spotify Clone which built with ReactJS. 3rd party API integration, user authentication, spotify API, responsive design, material-ui, react context api are used to built it.

Spotify Clone with ReactJS In this Spotify Clone application you can log in to the application with your spotify account and see your own playlist. Sp

Jan 18, 2022
Built with Expo, React Native, and GraphQL, Lexicon is a pre-built mobile discussions app that you can customize for your users.

Lexicon is a customizable, open source mobile app that provides an elegant mobile discussions experience. Built on top of Discourse, a platform for communities.

May 21, 2022
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.

21_MERN_GoogleBookSearchEngine Task Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engin

Apr 9, 2022
A calculator app built with React.js using React Hooks and Routers. The app contains 3 pages with basic styling. Calculator operations, as well as React components, were tested with Jest and React Testing Library.
A calculator app built with React.js using React Hooks and Routers. The app contains 3 pages with basic styling. Calculator operations, as well as React components, were tested with Jest and React Testing Library.

Raect Calculator A calculator app built with React.js using React Hooks and Routers. App contains 3 pages with basic styling. Calculator operations, a

Sep 19, 2021
A Netflix clone created using React. It is built using modern react tools/best practices, such as hooks, context API, and redux toolkit.
A Netflix clone created using React. It is built using modern react tools/best practices, such as hooks, context API, and redux toolkit.

Netflix-Clone A Netflix clone I created for the sake of practicing React and Redux. It features design patterns recommended by the documentation. Some

Jun 17, 2022
A simple React zing mp3 apps built with React Typescript, Redux and TailwindCSS.
A simple React zing mp3 apps built with React Typescript, Redux and TailwindCSS.

React Typescript Zingmp3 A simple React zing mp3 apps built with React Typescript, Redux and TailwindCSS. Working application Checkout: https://60a609

May 24, 2022