How do you create an admin page in React? - reactjs

I was wondering if there was a way to create an administration page that can then be used to publish content on a website. This administration page would be used by those who do not understand coding to add news articles or update research information. I was looking at React-admin which uses Material Design, but their admin pages seem more focused on user data and design elements, not contributing content.
Would react-admin still be the best to use or is there an easy way to create this elsewhere?

You can build a simple CMS using React + Firebase. I came across an article, which exactly fits in to your requirements.
https://hackernoon.com/how-i-built-a-content-management-system-for-a-react-app-in-one-day-269df17f5509

Related

Can we use Gatsby js to build a simple social networking website

I need to develop a simple social networking website which will just act as a platform for different businesses to discover each other. Each Business man/Service provider will have his own profile that he can manage and these profiles will be characterised and sorted according to their types. Basically I would need a Home Page, Profile page for each profile, Search page along with registration and login. I don't need to make any messaging module.
So for this purpose I wanted to know if using Gatsbyjs is a good idea, also if not then what are the other frameworks that I can use for a easier and faster development.
One main problem with gatsby for this use case is: Once a new business signs in and wants to create and edit a new profile, this new profile is not part of the build process. Gatsby builds only the HTML pages you know in advance. Triggering a rebuild, which may take several minutes, everytime a business edits their page is not feasible. You would have to hack something together with client-side routes which is not the intended nor recommended way of doing things.
A server-side framework like Next.js is better suited for this task. This way you can dynamically add and change the profile pages.

Dynamically Generating Routes in Gatsby JS

I am trying to create a complex CRUD React Application using Gatsby JS. The ability for the user to Create Posts, Edit Posts, Delete Posts will also need to be available. This app will have many users. We are not using a third-party CMS. Everything will be done within the Gatsby App. There will also need to be several different pages that will need to handle state, display, and sort the different posts based upon options. My question is, is this sort of project overload for Gatsby JS since it breaks the page model? Gatsby doesn't have a native way to generate dynamic routes or views, only pages. Its sort of a social networking app, is Gatsby JS the wrong tool for the job?
You can create pages "dynamically" using the createPages API.
https://www.gatsbyjs.org/docs/node-apis/#createPages
There's also a great series of videos from Scott Tolinski that demonstrate the use of this API.
However, GatsbyJS is a static static site generator, it's designed for performance and more content-based sites. The only way you're going to get CRUD functionality is through API calls from the front-end which could have some security implications that you need to consider.
As an alternative, you might want to take a look at Next.js. Same kind of idea but the pages are served by Express.js rather than just served off the file system so you have a lot more options for more dynamic sites.

admin portal react front end framework or template

I am going to create an admin portal website with react.js and I searched about the best/the easiest ways to create it. So far I think react-bootstrap and ant design are good choices to build the site.React-bootstrap does not support bootstrap 4 and seems ant provides more powerful components so I prefer to ant.
Anyone has some other options? or how are your thoughts about ant design?
Thanks
You can use react-admin framework, a frontend framework for building admin SPAs on top of REST services, using React and Material Design. You can find the documentation here - https://github.com/marmelab/react-admin
Take a look at the repository which contains the main layout design and reusable components as tables, forms, and charts by using Ant Design and Bizcharts.
You can also find the step by step implementation guide in the blog post.

Allow customer to edit angular / express / mongo - MEAN stack content

I've recently switched from developing wordpress sites to learning angular, express, mongo, passport etc etc. Wordpress obviously provides a (relatively) simple interface whereby the user can manage their own page content.
My question is, is there a standard procedure for achieving this using the above technologies? I'm currently building my first site proper using MEAN for a friend and I want to give her the means to go in and update images, text, add pages, remove pages etc etc but via a user friendly interface.
I've a feeling I'm going to have to build it myself but before I launch into doing that I was wondering if there was anything glaringly obvious that I'm missing?
Thanks in advance

How to interact Users(input form data) Using Salesforce Sites into the SalesForce Application(to Custom objects)

First of all I'm really sorry if i'm asking a Dumb Question. But unfortunately i can't find out a way to take inputs for my salesforce Application.
I am developing a simple CV Management app, but i can't figure out how to interact users(input data) to the App? I have created Candidate Custom object, and manually i can create the Candidates, but my requirement is to create records by Candidates themselves.
I followed SalesForce Tutorials and i found out a way to display data using VisualForce Custom Pages. But what i want to## Heading ## do is when i giving a link to the user, he can go to that link and there having form to fill with his personal data, and submit only. But i'm just confused how to user input data map with our Custom Candidate object fields.
when i'm searching i saw some FormAssembly and Custom VisualForce Pages. But Problem is I don't hope to use any 3rd party apps.
Tutorials says that;
In the past, to make Force.com data available to the general public, you had to set up a Web
server, create custom Web pages (JSP, PHP, or other), and use the API to integrate Force.com
apps with an external website. This is no longer the case, thanks to Sites!
Please if you can, help me Friends, Really Appreciate it & Thank you soo much..
You'll probably want to do something along these lines...
Create a Visualforce page with standard controller set to your custom object which is the "CV Entry" page (to send candidates to)
Create a Force.com site in your salesforce org to allow public or restricted access to the page
Setup page authentication/permissions as required

Resources