Skip to content

Commit

Permalink
Merge remote-tracking branch 'origin/develop' into feature/fix-style-…
Browse files Browse the repository at this point in the history 
…issues
  • Loading branch information
@SebConejo
SebConejo committed Dec 11, 2024
2 parents 19e834b + 98d4e2f commit 30d2194
Show file tree
Hide file tree
Showing 4 changed files with 58 additions and 63 deletions.
6 changes: 3 additions & 3 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

11 changes: 5 additions & 6 deletions src/app/components/FAQ.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,19 +14,18 @@ export const FAQ: React.FC = () => {

const faqs: FAQItem[] = [
{
question: 'Is Manifest a framework?',
answer:
'No, Manifest is a self-hostable Backend-as-a-Service (BaaS). It is a service that enables developers to easily build a backend, providing the essential building blocks to get started.'
question: 'What is a headless CMS ?',
answer: `A classical CMS manages the backend and the frontend part. A Headless CMS removes the frontend so you are free to use your own one, using an API to connect to it. Manifest also covers the "back-office" / "admin panel" as it can be seen as part of the "backend"`
},
{
question: 'Is Manifest full-stack?',
question: 'Is Manifest a low-code / no-code tool ?',
answer:
'No, you will still need to develop your frontend. Manifest covers the backend of your app/website only (considering the built-in admin panel as part of the backend/back-office).'
"No. It just works like just any other file in your codebase. It's code, simple code."
},
{
question: 'Is Manifest for me?',
answer:
'If you know a bit of software development, whatever your programming language is, you will have no problem using Manifest.'
'It does not matter if you are junior or senior developer, if you code in JS, PHP or Python. You can be frontend, backend or fullstack, a mobile developer, indie hacker or devsigner. If you know a bit of software development, you will have no problem using Manifest.'
},
{
question: 'Can I use Manifest in production?',
Expand Down
8 changes: 4 additions & 4 deletions src/app/layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@ import './globals.scss'
const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
title: 'Manifest - A Whole Backend That Fits Into 1 YAML file',
title: 'Manifest - The 1-file Headless CMS',
description:
'Complete Backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
'Instant Micro-backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
openGraph: {
type: 'website',
url: 'https://manifest.build',
title: 'A Whole Backend That Fits Into 1 YAML file',
title: 'Manifest - The 1-file Headless CMS',
description:
'Complete Backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
'Instant Micro-backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
siteName: 'Manifest',
images: [
{
Expand Down
96 changes: 46 additions & 50 deletions src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,16 @@ export default function Home() {
<div className="column is-8 is-offset-2">
<div className="content is-normal">
<h1 className="title is-0 mb-5">
Meet the
<span className="title-gradient"> 1-file backend </span>
The
<span className="title-gradient">
{' '}
1-file Headless CMS{' '}
</span>{' '}
for your front-end
</h1>
<p className="subtitle">
Manifest is a complete backend that fits into a single YAML
file. Cut the learning curve and ship very quickly without
trading-off coding standards and best practices.
Manifest micro-backend powers websites, apps and directories
around the world with 1 YAML file only.
</p>
</div>
</div>
Expand Down Expand Up @@ -54,16 +57,21 @@ export default function Home() {
<div className="column is-8 is-offset-2 mb-4 mt-5">
<div className=" is-normal card-content--how-it-works">
<div className="content is-normal has-text-centered has-text-left--mobile mt-4 zi-1">
<h2>Zero-config backend-as-a-service, within your IDE</h2>
<h2>
Why pay for the whole cow if you just need a glass of milk?
</h2>
<p>
Let's forget about the "from scratch" vs "low-code/no-code"
debate.{' '}
80% of CMS-powered websites and apps only use the most basic
CMS features.
</p>
<p>
Manifest approach brings you the best of both worlds: A
hassle-free backend packed with built-in features that fits
right into your IDE, just like any other file in your
codebase.
Using such oversized solutions lead to unnecessary costs,
complexity and hassle for your team and your customers.
</p>
<p>
Manifest allows you to develop 10x faster integrating
smoothly in your stack and bringing you only the essentials
features.
</p>
</div>
</div>
Expand All @@ -90,7 +98,7 @@ export default function Home() {
<span className="icon backend-list__icon">
<i className="lni lni-layout has-text-success"></i>
</span>
<span>Admin panel</span>
<span>Admin Panel</span>
</span>

<p className="is-size-6">
Expand All @@ -108,7 +116,7 @@ export default function Home() {
</span>

<p className="is-size-6">
Instant CRUD endpoints with Swagger doc
Instant CRUD endpoints and OPEN API doc (Swagger)
</p>
</div>
</div>
Expand All @@ -118,11 +126,11 @@ export default function Home() {
<span className="icon backend-list__icon">
<i className="lni lni-cloud-download has-text-success"></i>
</span>
<span>File storage</span>
<span>File Storage</span>
</span>

<p className="is-size-6">
Store user files. Resize and optiize images
Store user files. Resize and optimize images
</p>
</div>
</div>
Expand Down Expand Up @@ -164,22 +172,20 @@ export default function Home() {
<div className="columns is-multiline">
<div className="column is-12 pb-0">
<h2>
Everything is about delivering the right product
A complete backend that fits into a single YAML file
</h2>
</div>
<div className="column is-6 pt-0 is-offset-3">
<p>
It does not matter if you are junior or senior
developer, if you code in JS, PHP or Python. You can
be frontend, backend or fullstack, a mobile developer,
indie hacker or devsigner. If you know that everything
is about delivering the right product, Manifest is for
you.{' '}
Adding a backend to your app can be tricky. Even for a
simple requirement, you step into a whole new world
and quickly feel overwhelmed by the many concepts you
need to understand.
</p>
<p>
Manifest focuses on shipping a solid product in the
minimal amount of time, reducing the learning curve as
much as possible. The rest is in your hands.
Manifest aims to cut the learning curve and ship very
quickly without trading-off your coding standards and
best practices.
</p>
</div>
</div>
Expand Down Expand Up @@ -359,26 +365,16 @@ export default function Home() {
<div className="card is-fullheight has-strokes is-shadowless py-4 is-flex is-align-items-center is-justify-content-flex-start">
<div className="card-content p-64">
<div className="content is-normal">
<h2>Looking for an admin panel ?</h2>
<h2>World class admin panel</h2>
<p>
You just saved some days of development because we have
one for you.
The Manifest admin panel stands toe-to-toe with the admin
panels of heavyweight solutions.
</p>
<p>
Manifest admin panel is <strong>non-technical</strong> so
you can give it to your customers and app administrators
without the fear that they will break anything. Obviously
if it does not fit you can always bring your own.
</p>
<p className="mb-2 is-hidden">
<a href="">
<span className="icon-text">
<span>See Admin Panel live demo</span>
<span className="icon">
<i className="lni lni-arrow-right"></i>
</span>
</span>
</a>
It is simple, elegant, and most importantly{' '}
<strong>non-technical</strong> so you can give it to your
customers and app administrators without the fear that
they will break anything.
</p>
</div>
</div>
Expand Down Expand Up @@ -1008,14 +1004,15 @@ export default function Home() {
</div>
</div>
</div>

<div className="column is-4-tablet is-one-fifth-widescreen ">
<div className="card is-fullheight is-bordered is-shadowless ">
<div className="card is-fullheight is-bordered is-shadowless">
<div className="card-content is-box-sizing-border-box is-fullheight">
<div className="content is-fullheight">
<div className="is-flex is-flex-direction-column is-justify-content-space-between is-fullheight">
<div>
<h4>Realtime</h4>
<p>Realtime subscriptions for instant messaging</p>
<h4>Custom logic</h4>
<p>Create endpoints and add your own custom logic</p>
</div>
<p className="has-text-right has-text-grey-light is-size-7 mt-4">
<span>Q1 2025</span>
Expand All @@ -1025,15 +1022,14 @@ export default function Home() {
</div>
</div>
</div>
{/* Valid */}
<div className="column is-4-tablet is-one-fifth-widescreen ">
<div className="card is-fullheight is-bordered is-shadowless">
<div className="card is-fullheight is-bordered is-shadowless ">
<div className="card-content is-box-sizing-border-box is-fullheight">
<div className="content is-fullheight">
<div className="is-flex is-flex-direction-column is-justify-content-space-between is-fullheight">
<div>
<h4>Custom logic</h4>
<p>Create endpoints and your own custom logic</p>
<h4>Webhooks</h4>
<p>Notify third-party platforms on defined events</p>
</div>
<p className="has-text-right has-text-grey-light is-size-7 mt-4">
<span>Q1 2025</span>
Expand Down

0 comments on commit 30d2194

Please sign in to comment.