diff --git a/apps/researcher/package.json b/apps/researcher/package.json
index a4f7aa7a6..d2290714c 100644
--- a/apps/researcher/package.json
+++ b/apps/researcher/package.json
@@ -24,22 +24,24 @@
     "@clerk/nextjs": "4.23.2",
     "@clerk/types": "3.51.0",
     "@colonial-collections/content": "*",
+    "@colonial-collections/database": "*",
     "@colonial-collections/iris": "*",
     "@colonial-collections/label-fetcher": "*",
     "@colonial-collections/list-store": "*",
     "@hapi/hoek": "11.0.2",
     "@headlessui/react": "1.7.16",
     "@heroicons/react": "2.0.18",
+    "@hookform/resolvers": "3.3.1",
     "@next/mdx": "13.4.19",
     "classnames": "2.3.2",
     "fetch-sparql-endpoint": "3.3.3",
     "next": "13.5.2",
     "next-intl": "3.0.0-beta.7",
-    "@colonial-collections/database": "*",
     "openseadragon": "4.1.0",
     "rdf-object": "1.14.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-hook-form": "7.46.1",
     "zod": "3.22.2",
     "zustand": "4.3.9"
   },
diff --git a/apps/researcher/src/app/[locale]/communities/[slug]/[listId]/page.tsx b/apps/researcher/src/app/[locale]/communities/[slug]/[listId]/page.tsx
new file mode 100644
index 000000000..52f9f19ff
--- /dev/null
+++ b/apps/researcher/src/app/[locale]/communities/[slug]/[listId]/page.tsx
@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div>
+      <h1>This page is under construction</h1>
+    </div>
+  );
+}
diff --git a/apps/researcher/src/app/[locale]/communities/[slug]/actions.ts b/apps/researcher/src/app/[locale]/communities/[slug]/actions.ts
index 0c1695542..774cdee73 100644
--- a/apps/researcher/src/app/[locale]/communities/[slug]/actions.ts
+++ b/apps/researcher/src/app/[locale]/communities/[slug]/actions.ts
@@ -1,6 +1,29 @@
 'use server';
 
-import {joinCommunity} from '@/lib/community';
+import {joinCommunity, editDescription} from '@/lib/community';
+import {revalidatePath} from 'next/cache';
+
+interface editDescriptionActionProps {
+  communityId: string;
+  communitySlug: string;
+  description: string;
+}
+
+async function editDescriptionAction({
+  communityId,
+  communitySlug,
+  description,
+}: editDescriptionActionProps) {
+  try {
+    await editDescription({communityId, description});
+    revalidatePath(`/[locale]/communities/${communitySlug}`, 'page');
+    revalidatePath('/[locale]/communities', 'page');
+
+    return {statusCode: 200};
+  } catch (err) {
+    return {statusCode: 500};
+  }
+}
 
 // Export as server actions.
-export {joinCommunity};
+export {joinCommunity, editDescriptionAction};
diff --git a/apps/researcher/src/app/[locale]/communities/[slug]/edit-description-form.tsx b/apps/researcher/src/app/[locale]/communities/[slug]/edit-description-form.tsx
new file mode 100644
index 000000000..8a871dfb7
--- /dev/null
+++ b/apps/researcher/src/app/[locale]/communities/[slug]/edit-description-form.tsx
@@ -0,0 +1,113 @@
+'use client';
+
+import {useForm, SubmitHandler} from 'react-hook-form';
+import {useTranslations} from 'next-intl';
+import {useSlideOut, useNotifications} from 'ui';
+import {editDescriptionAction} from './actions';
+
+interface Props {
+  communityId: string;
+  communitySlug: string;
+  slideOutId: string;
+  description?: string;
+}
+
+interface FormValues {
+  description: string;
+  communityId: string;
+  communitySlug: string;
+}
+
+export default function EditDescriptionForm({
+  slideOutId,
+  communityId,
+  communitySlug,
+  description,
+}: Props) {
+  const {
+    register,
+    handleSubmit,
+    setError,
+    formState: {errors, isSubmitting},
+  } = useForm({
+    defaultValues: {
+      description: description ?? '',
+      communityId,
+      communitySlug,
+    },
+  });
+
+  const t = useTranslations('Community');
+  const {setIsVisible} = useSlideOut();
+  const {addNotification} = useNotifications();
+
+  const onSubmit: SubmitHandler<FormValues> = async data => {
+    const response = await editDescriptionAction(data);
+
+    if (response.statusCode > 200) {
+      setError('root.serverError', {
+        message: t('serverError'),
+      });
+    } else {
+      addNotification({
+        id: 'add-object-list-success',
+        message: <>{t('descriptionSuccessfullyEdited')}</>,
+        type: 'success',
+      });
+      setIsVisible(slideOutId, false);
+    }
+  };
+
+  return (
+    <form
+      onSubmit={handleSubmit(onSubmit)}
+      className="flex-col gap-6 flex w-full max-w-3xl"
+    >
+      {errors.root?.serverError.message && (
+        <div className="rounded-md bg-red-50 p-4 mt-3">
+          <div className="ml-3">
+            <h3 className="text-sm leading-5 font-medium text-red-800">
+              {errors.root.serverError.message}
+            </h3>
+          </div>
+        </div>
+      )}
+      <div className="flex flex-col sm:flex-row gap-4 ">
+        <div className="flex flex-col w-full">
+          <label className="flex flex-col text-sm">
+            <strong>{t('labelDescription')}</strong>
+          </label>
+          <textarea
+            id="description"
+            {...register('description', {
+              maxLength: 2000,
+            })}
+            rows={4}
+            className="border border-greenGrey-200 rounded p-2 w-full"
+          />
+          <p>
+            {errors.description && t(`description_${errors.description.type}`)}
+          </p>
+        </div>
+      </div>
+
+      <div className="flex flex-col lg:flex-row gap-4">
+        <div className="w-full lg:w-2/3 flex gap-2">
+          <button
+            disabled={isSubmitting}
+            type="submit"
+            className="p-1 sm:py-2 sm:px-3 rounded-full text-xs bg-greenGrey-100 hover:bg-greenGrey-200 transition text-greenGrey-800 flex items-center gap-1"
+          >
+            {t('changeDescriptionSaveButton')}
+          </button>
+          <button
+            onClick={() => setIsVisible(slideOutId, false)}
+            className="p-1 sm:py-2 sm:px-3 rounded-full text-xs border border-greenGrey-300 hover:bg-greenGrey-200 transition text-greenGrey-800 flex items-center gap-1"
+          >
+            {t('changeDescriptionCancelButton')}
+          </button>
+        </div>
+      </div>
+    </form>
+  );
+}
diff --git a/apps/researcher/src/app/[locale]/communities/[slug]/object.tsx b/apps/researcher/src/app/[locale]/communities/[slug]/object.tsx
new file mode 100644
index 000000000..1bd6c6c28
--- /dev/null
+++ b/apps/researcher/src/app/[locale]/communities/[slug]/object.tsx
@@ -0,0 +1,19 @@
+import heritageObjects from '@/lib/heritage-objects-instance';
+
+interface Props {
+  objectIri: string;
+}
+
+export default async function ObjectCard({objectIri}: Props) {
+  const object = await heritageObjects.getById(objectIri);
+
+  if (!object) {
+    return null;
+  }
+
+  return (
+    <div className="border border-blueGrey-200 text-blueGrey-800 bg-greenGrey-50 rounded-sm p-2 text-xs">
+      {object.name}
+    </div>
+  );
+}
diff --git a/apps/researcher/src/app/[locale]/communities/[slug]/page.tsx b/apps/researcher/src/app/[locale]/communities/[slug]/page.tsx
index a9c50e9ef..9a21a0bcc 100644
--- a/apps/researcher/src/app/[locale]/communities/[slug]/page.tsx
+++ b/apps/researcher/src/app/[locale]/communities/[slug]/page.tsx
@@ -7,6 +7,11 @@ import {getMemberships, getCommunityBySlug, isAdmin} from '@/lib/community';
 import ErrorMessage from '@/components/error-message';
 import {ClerkAPIResponseError} from '@clerk/shared';
 import {revalidatePath} from 'next/cache';
+import {objectList} from '@colonial-collections/database';
+import ObjectCard from './object';
+import AddObjectListForm from '@/components/add-object-list-form';
+import {SlideOutButton, SlideOut, SlideOutClosed, Notifications} from 'ui';
+import EditDescriptionForm from './edit-description-form';
 
 interface Props {
   params: {
@@ -15,6 +20,13 @@ interface Props {
   };
 }
 
+const slideOutFormId = 'add-object-list';
+const slideOutDescriptionId = 'edit-community-description';
+
+// Don't cache this page, so we always get the latest community data from the third-party Clerk.
+// With 'force-no-store', the description will change after editing.
+export const fetchCache = 'force-no-store';
+
 export default async function CommunityPage({params}: Props) {
   const t = await getTranslator(params.locale, 'Community');
 
@@ -39,9 +51,19 @@ export default async function CommunityPage({params}: Props) {
     return <ErrorMessage error={t('error')} />;
   }
 
+  let objectLists;
+  try {
+    objectLists = await objectList.getCommunityListsWithObjects({
+      communityId: community.id,
+      limitObjects: 4,
+    });
+  } catch (err) {
+    return <ErrorMessage error={t('error')} />;
+  }
+
   return (
     <>
-      <div className=" px-4 sm:px-10 -mt-3 -mb-3 sm:-mb-9 flex gap-2 flex-row sm:justify-between w-full max-w-[1800px] mx-auto">
+      <div className="px-4 sm:px-10 -mt-3 -mb-3 sm:-mb-9 flex gap-2 flex-row sm:justify-between w-full max-w-[1800px] mx-auto">
         <div>
           <Link href="/communities" className="flex items-center gap-1">
             <ChevronLeftIcon className="w-4 h-4 fill-neutral-500" />
@@ -52,27 +74,109 @@ export default async function CommunityPage({params}: Props) {
           {isAdmin(memberships) && <EditCommunityButton />}
         </div>
       </div>
-      <div className="px-4 my-10 sm:px-10 w-full max-w-[1800px] mx-auto">
-        <h1 className="text-2xl md:text-4xl font-normal">
-          {t('title')}
-          <span className="font-semibold ml-2" data-testid="community-name">
-            {community.name}
-          </span>
-        </h1>
-      </div>
-      <div className="flex flex-col md:flex-row h-full items-stretch grow content-stretch self-stretch gap-4 md:gap-16 w-full max-w-[1800px] mx-auto px-4 sm:px-10">
-        <main className="w-full md:w-3/4">
-          <div className="w-full flex flex-col md:flex-row justify-between">
-            <div className="mb-4 max-w-3xl">
-              {/*Place the description here*/}
+      <div className="flex flex-col md:flex-row h-full items-stretch grow content-stretch self-stretch gap-4 md:gap-16 w-full max-w-[1800px] mx-auto px-4 sm:px-10 mt-12">
+        <main className="w-full">
+          <div className="-mb-16 md:-mb-24 w-full flex justify-center">
+            <div className="w-32 h-32 lg:w-48 lg:h-48 rounded-full overflow-hidden relative">
+              <Image
+                fill
+                sizes="(min-width: 1024px) 192px, 128px"
+                src={community.imageUrl}
+                alt=""
+              />
+            </div>
+          </div>
+          <div className="w-full rounded-lg bg-[#f3eee2] text-stone-800 pt-16 md:pt-24 pb-6">
+            <h1 className="text-2xl font-normal w-full text-center mt-4 px-4 my-6">
+              {t('title')}
+              <span className="font-semibold ml-2" data-testid="community-name">
+                {community.name}
+              </span>
+            </h1>
+            <div className="w-full flex flex-col md:flex-row justify-center px-4">
+              <SlideOutClosed id={slideOutDescriptionId}>
+                <div className="mb-4 max-w-3xl text-left whitespace-pre-line">
+                  {community.publicMetadata?.description}
+                </div>
+              </SlideOutClosed>
+              <SlideOut id={slideOutDescriptionId}>
+                <EditDescriptionForm
+                  slideOutId={slideOutDescriptionId}
+                  communityId={community.id}
+                  communitySlug={community.slug!}
+                  description={community.publicMetadata?.description}
+                />
+              </SlideOut>
             </div>
             <div className="flex flex-col items-start md:justify-center md:items-center w-full mb-4">
               <JoinCommunityButton communityId={community.id} />
+              <SlideOutButton
+                hideIfOpen
+                id={slideOutDescriptionId}
+                className="flex items-center py-2 px-3 rounded-full bg-sand-100 text-sand-900 hover:bg-white transition text-xs"
+              >
+                {t('editDescriptionButton')}
+              </SlideOutButton>
             </div>
           </div>
-          <h2 className="mb-6">{t('objectListsTitle')}</h2>
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-10 w-full">
-            {/*Place the lists here */}
+
+          <div className="mt-12">
+            <div className="flex justify-between my-4">
+              <div>
+                <h2>{t('objectListsTitle')}</h2>
+                <p>{t('objectListsSubTitle', {count: objectLists.length})}</p>
+              </div>
+              <div>
+                {isAdmin(memberships) && (
+                  <SlideOutButton
+                    id={slideOutFormId}
+                    className="flex items-center py-2 px-3 rounded-full bg-sand-100 text-sand-900 hover:bg-white transition text-xs"
+                  >
+                    {t('addObjectListButton')}
+                  </SlideOutButton>
+                )}
+              </div>
+            </div>
+
+            <Notifications />
+            <SlideOut id={slideOutFormId}>
+              <AddObjectListForm
+                slideOutId={slideOutFormId}
+                communityId={community.id}
+              />
+            </SlideOut>
+
+            <div className="grid grid-cols-1 xl:grid-cols-2 gap-6 xl:gap-16">
+              {objectLists.map(objectList => (
+                <Link
+                  href={`/communities/${params.slug}/${objectList.id}`}
+                  key={objectList.id}
+                  className="text-neutral-800"
+                >
+                  <h3 className="font-semibold text-xl mt-4 mb-2">
+                    {objectList.name}
+                  </h3>
+                  <p>{objectList.description}</p>
+
+                  <div className="w-full relative">
+                    <ul className=" mt-4 grid grid-cols-4 gap-2">
+                      {objectList.objects.map(object => (
+                        <ObjectCard
+                          key={object.objectId}
+                          objectIri={object.objectIri}
+                        />
+                      ))}
+                    </ul>
+
+                    <div className="absolute bg-gradient-to-l from-white w-full top-0 bottom-0 flex justify-end">
+                      <button className="p-2 self-center flex items-center py-2 px-3 rounded-full bg-sand-100 text-sand-900 hover:bg-white transition text-xs">
+                        {t('goToListButton')}
+                      </button>
+                    </div>
+                  </div>
+                </Link>
+              ))}
+            </div>
           </div>
         </main>
         <aside className="w-full md:w-1/4 self-stretch">
diff --git a/apps/researcher/src/app/[locale]/communities/community-card.tsx b/apps/researcher/src/app/[locale]/communities/community-card.tsx
index ea389d55f..6a37f4db7 100644
--- a/apps/researcher/src/app/[locale]/communities/community-card.tsx
+++ b/apps/researcher/src/app/[locale]/communities/community-card.tsx
@@ -6,6 +6,7 @@ import Image from 'next/image';
 import {Suspense} from 'react';
 import {revalidatePath} from 'next/cache';
 import {ClerkAPIResponseError} from '@clerk/shared';
+import {objectList} from '@colonial-collections/database';
 
 interface MembershipCountProps {
   communityId: string;
@@ -32,6 +33,26 @@ async function MembershipCount({communityId, locale}: MembershipCountProps) {
   });
 }
 
+interface MembershipCountProps {
+  communityId: string;
+  locale: string;
+}
+
+async function ObjectListCount({communityId, locale}: MembershipCountProps) {
+  const t = await getTranslator(locale, 'Communities');
+
+  let objectLists = [];
+  try {
+    objectLists = await objectList.getListsByCommunityId(communityId);
+  } catch (err) {
+    // Don't error on the overview page. Catch this error on the detail page.
+  }
+
+  return t.rich('objectListCount', {
+    count: objectLists.length,
+  });
+}
+
 interface CommunityCardProps {
   community: Community;
   locale: string;
@@ -67,8 +88,8 @@ export default function CommunityCard({community, locale}: CommunityCardProps) {
           ),
         })}
       </h1>
-      <div className="text-center p-4">
-        {/* TODO add community description */}
+      <div className="text-center m-4 line-clamp-3">
+        {community.publicMetadata?.description}
       </div>
 
       <div className="flex border-stone-300 border-t text-sm text-stone-600">
@@ -77,7 +98,9 @@ export default function CommunityCard({community, locale}: CommunityCardProps) {
             <MembershipCount communityId={community.id} locale={locale} />
           </Suspense>
         </div>
-        <div className="w-1/2 p-4">{/* TODO add number of lists here */}</div>
+        <div className="w-1/2 p-4">
+          <ObjectListCount communityId={community.id} locale={locale} />
+        </div>
       </div>
     </Link>
   );
diff --git a/apps/researcher/src/components/add-object-list-form/actions.ts b/apps/researcher/src/components/add-object-list-form/actions.ts
new file mode 100644
index 000000000..60766d016
--- /dev/null
+++ b/apps/researcher/src/components/add-object-list-form/actions.ts
@@ -0,0 +1,24 @@
+'use server';
+import {getCommunityById} from '@/lib/community';
+import {objectList} from '@colonial-collections/database';
+import {revalidatePath} from 'next/cache';
+
+interface ListItem {
+  communityId: string;
+  createdBy: string;
+  name: string;
+  description?: string;
+}
+export async function addList(
+  listItem: ListItem
+): Promise<{statusCode: number}> {
+  try {
+    await objectList.createListForCommunity(listItem);
+    const community = await getCommunityById(listItem.communityId);
+    revalidatePath(`/[locale]/communities/${community.slug}`, 'page');
+
+    return {statusCode: 200};
+  } catch (err) {
+    return {statusCode: 500};
+  }
+}
diff --git a/apps/researcher/src/components/add-object-list-form/index.tsx b/apps/researcher/src/components/add-object-list-form/index.tsx
new file mode 100644
index 000000000..e4fdde892
--- /dev/null
+++ b/apps/researcher/src/components/add-object-list-form/index.tsx
@@ -0,0 +1,154 @@
+'use client';
+
+import {useAuth} from '@clerk/nextjs';
+import {addList} from './actions';
+import {useForm, SubmitHandler} from 'react-hook-form';
+import {zodResolver} from '@hookform/resolvers/zod';
+import {insertObjectListSchema} from '@colonial-collections/database/src/db/schema';
+import {useTranslations} from 'next-intl';
+import {useSlideOut, useNotifications} from 'ui';
+
+interface FormProps {
+  communityId: string;
+  userId: string;
+  slideOutId: string;
+}
+
+interface FormValues {
+  name: string;
+  description: string;
+  createdBy: string;
+  communityId: string;
+}
+
+function Form({communityId, userId, slideOutId}: FormProps) {
+  const {
+    register,
+    handleSubmit,
+    setError,
+    formState: {errors, isSubmitting},
+  } = useForm({
+    resolver: zodResolver(insertObjectListSchema),
+    defaultValues: {
+      name: '',
+      description: '',
+      createdBy: userId,
+      communityId,
+    },
+  });
+
+  const t = useTranslations('AddObjectListForm');
+  const {setIsVisible} = useSlideOut();
+  const {addNotification} = useNotifications();
+
+  const onSubmit: SubmitHandler<FormValues> = async data => {
+    const response = await addList(data);
+
+    if (response.statusCode > 200) {
+      setError('root.serverError', {
+        message: t('serverError'),
+      });
+    } else {
+      addNotification({
+        id: 'add-object-list-success',
+        message: (
+          <>
+            {t.rich('listSuccessfullyAdded', {
+              name: () => <em>{data.name}</em>,
+            })}
+          </>
+        ),
+        type: 'success',
+      });
+      setIsVisible(slideOutId, false);
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)} className="flex-col gap-6 flex">
+      {errors.root?.serverError.message && (
+        <div className="rounded-md bg-red-50 p-4 mt-3">
+          <div className="ml-3">
+            <h3 className="text-sm leading-5 font-medium text-red-800">
+              {errors.root.serverError.message}
+            </h3>
+          </div>
+        </div>
+      )}
+      <div className="flex flex-col lg:flex-row gap-4">
+        <div className="flex flex-col w-full lg:w-2/3">
+          <label className="block text-sm font-medium leading-6 text-gray-900">
+            <strong>{t('labelName')}</strong>
+          </label>
+          <input
+            {...register('name')}
+            className="border border-greenGrey-200 rounded p-2"
+          />
+          <p>{errors.name && t(`name_${errors.name.type}`)}</p>
+        </div>
+        <div className="flex flex-col w-full lg:w-1/3"></div>
+      </div>
+
+      <div className="flex flex-col sm:flex-row gap-4">
+        <div className="flex flex-col w-full lg:w-2/3">
+          <label className="flex flex-col text-sm">
+            <strong>{t('labelDescription')}</strong>
+          </label>
+          {t('labelDescriptionSubTitle')}
+          <textarea
+            id="description"
+            {...register('description')}
+            rows={4}
+            className="border border-greenGrey-200 rounded p-2"
+          />
+        </div>
+      </div>
+
+      <div className="flex flex-col lg:flex-row gap-4">
+        <div className="w-full lg:w-2/3 flex gap-2">
+          <button
+            disabled={isSubmitting}
+            type="submit"
+            className="p-1 sm:py-2 sm:px-3 rounded-full text-xs bg-greenGrey-100 hover:bg-greenGrey-200 transition text-greenGrey-800 flex items-center gap-1"
+          >
+            {t('buttonSubmit')}
+          </button>
+          <button
+            onClick={() => setIsVisible(slideOutId, false)}
+            className="p-1 sm:py-2 sm:px-3 rounded-full text-xs border border-greenGrey-300 hover:bg-greenGrey-200 transition text-greenGrey-800 flex items-center gap-1"
+          >
+            {t('buttonCancel')}
+          </button>
+        </div>
+      </div>
+    </form>
+  );
+}
+
+interface AddObjectListFormProps {
+  communityId: string;
+  slideOutId: string;
+}
+export default function AddObjectListForm({
+  communityId,
+  slideOutId,
+}: AddObjectListFormProps) {
+  const {userId} = useAuth();
+  const t = useTranslations('AddObjectListForm');
+
+  // Wait for userId to be available
+  // in most cases, this will be available immediately
+  // so no loading state is needed
+  return (
+    <div className="w-full bg-greenGrey-50 border border-greenGrey-100 p-4 rounded-xl text-greenGrey-800 self-end flex-col gap-6 flex">
+      <h2 className="font-semibold text-xl">{t('title')}</h2>
+      {userId && (
+        <Form
+          slideOutId={slideOutId}
+          communityId={communityId}
+          userId={userId}
+        />
+      )}
+    </div>
+  );
+}
diff --git a/apps/researcher/src/lib/community.test.ts b/apps/researcher/src/lib/community.test.ts
index 8528034e5..ecee88a31 100644
--- a/apps/researcher/src/lib/community.test.ts
+++ b/apps/researcher/src/lib/community.test.ts
@@ -101,6 +101,7 @@ describe('sort', () => {
       slug: 'community-2',
       imageUrl: 'https://example.com/image.png',
       createdAt: 1690000000000,
+      publicMetadata: null,
     },
     {
       id: 'community1',
@@ -108,6 +109,7 @@ describe('sort', () => {
       slug: 'community-1',
       imageUrl: 'https://example.com/image.png',
       createdAt: 1600000000000,
+      publicMetadata: null,
     },
     {
       id: 'community4',
@@ -115,6 +117,7 @@ describe('sort', () => {
       slug: 'community-4',
       imageUrl: 'https://example.com/image.png',
       createdAt: 1680000000000,
+      publicMetadata: null,
     },
     {
       id: 'community3',
@@ -122,6 +125,7 @@ describe('sort', () => {
       slug: 'community-3',
       imageUrl: 'https://example.com/image.png',
       createdAt: 1650000000000,
+      publicMetadata: null,
     },
     {
       id: 'community5',
@@ -129,6 +133,7 @@ describe('sort', () => {
       slug: 'community-5',
       imageUrl: 'https://example.com/image.png',
       createdAt: 1670000000000,
+      publicMetadata: null,
     },
   ];
 
@@ -142,6 +147,7 @@ describe('sort', () => {
         slug: 'community-1',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1600000000000,
+        publicMetadata: null,
       },
       {
         id: 'community2',
@@ -149,6 +155,7 @@ describe('sort', () => {
         slug: 'community-2',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1690000000000,
+        publicMetadata: null,
       },
       {
         id: 'community3',
@@ -156,6 +163,7 @@ describe('sort', () => {
         slug: 'community-3',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1650000000000,
+        publicMetadata: null,
       },
       {
         id: 'community4',
@@ -163,6 +171,7 @@ describe('sort', () => {
         slug: 'community-4',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1680000000000,
+        publicMetadata: null,
       },
       {
         id: 'community5',
@@ -170,6 +179,7 @@ describe('sort', () => {
         slug: 'community-5',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1670000000000,
+        publicMetadata: null,
       },
     ];
 
@@ -186,6 +196,7 @@ describe('sort', () => {
         slug: 'community-5',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1670000000000,
+        publicMetadata: null,
       },
       {
         id: 'community4',
@@ -193,6 +204,7 @@ describe('sort', () => {
         slug: 'community-4',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1680000000000,
+        publicMetadata: null,
       },
       {
         id: 'community3',
@@ -200,6 +212,7 @@ describe('sort', () => {
         slug: 'community-3',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1650000000000,
+        publicMetadata: null,
       },
       {
         id: 'community2',
@@ -207,6 +220,7 @@ describe('sort', () => {
         slug: 'community-2',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1690000000000,
+        publicMetadata: null,
       },
       {
         id: 'community1',
@@ -214,6 +228,7 @@ describe('sort', () => {
         slug: 'community-1',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1600000000000,
+        publicMetadata: null,
       },
     ];
 
@@ -230,6 +245,7 @@ describe('sort', () => {
         slug: 'community-2',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1690000000000,
+        publicMetadata: null,
       },
       {
         id: 'community4',
@@ -237,6 +253,7 @@ describe('sort', () => {
         slug: 'community-4',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1680000000000,
+        publicMetadata: null,
       },
       {
         id: 'community5',
@@ -244,6 +261,7 @@ describe('sort', () => {
         slug: 'community-5',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1670000000000,
+        publicMetadata: null,
       },
       {
         id: 'community3',
@@ -251,6 +269,7 @@ describe('sort', () => {
         slug: 'community-3',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1650000000000,
+        publicMetadata: null,
       },
       {
         id: 'community1',
@@ -258,6 +277,7 @@ describe('sort', () => {
         slug: 'community-1',
         imageUrl: 'https://example.com/image.png',
         createdAt: 1600000000000,
+        publicMetadata: null,
       },
     ];
 
diff --git a/apps/researcher/src/lib/community.ts b/apps/researcher/src/lib/community.ts
index a3adffb45..63830f769 100644
--- a/apps/researcher/src/lib/community.ts
+++ b/apps/researcher/src/lib/community.ts
@@ -8,7 +8,11 @@ import {
 export type Community = Pick<
   FullCommunity,
   'id' | 'name' | 'slug' | 'imageUrl' | 'createdAt'
->;
+> & {
+  publicMetadata: {
+    description?: string;
+  } | null;
+};
 
 export type Membership = Pick<OrganizationMembership, 'id' | 'role'> & {
   publicUserData?: Pick<
@@ -23,6 +27,12 @@ export async function getCommunityBySlug(slug: string): Promise<Community> {
   });
 }
 
+export async function getCommunityById(id: string): Promise<Community> {
+  return clerkClient.organizations.getOrganization({
+    organizationId: id,
+  });
+}
+
 export async function getMemberships(
   communityId: string
 ): Promise<Membership[]> {
@@ -112,3 +122,17 @@ export async function joinCommunity({
     role: 'basic_member',
   });
 }
+
+export async function editDescription({
+  communityId,
+  description,
+}: {
+  communityId: string;
+  description: string;
+}) {
+  return clerkClient.organizations.updateOrganizationMetadata(communityId, {
+    publicMetadata: {
+      description,
+    },
+  });
+}
diff --git a/apps/researcher/src/messages/en/messages.json b/apps/researcher/src/messages/en/messages.json
index 8ead64ac9..1455153ae 100644
--- a/apps/researcher/src/messages/en/messages.json
+++ b/apps/researcher/src/messages/en/messages.json
@@ -142,6 +142,7 @@
     "error": "Something went wrong while fetching communities. Please try again later.",
     "communityName": "Community of <name></name>",
     "membershipCount": "{count, plural, =0 {0 members} =1 {1 member} other {# members}}",
+    "objectListCount": "{count, plural, =0 {0 lists} =1 {1 list} other {# lists}}",
     "searchPlaceholder": "Search for community"
   },
   "Community": {
@@ -150,8 +151,30 @@
     "noEntity": "Community could not be found",
     "editButton": "Edit community page",
     "joinButton": "Join this community",
-    "objectListsTitle": "Lists of objects by community",
+    "goToListButton": "See all objects",
+    "objectListsTitle": "Lists",
+    "objectListsSubTitle": "This community has {count, plural, =0 {0 lists} =1 {1 list} other {# lists}}",
     "membersTitle": "Members",
-    "error": "Something went wrong while fetching the community. Please try again later."
+    "error": "Something went wrong while fetching the community. Please try again later.",
+    "addObjectListButton": "Add list",
+    "editDescriptionButton": "Edit description",
+    "labelDescription":"Description",
+    "changeDescriptionSaveButton": "Save",
+    "changeDescriptionCancelButton": "Cancel",
+    "descriptionSuccessfullyEdited": "Description has been updated",
+    "descriptionServerError": "Something went wrong while updating the description. Please try again later.",
+    "description_maxLength": "Description has a maximum of 2000 characters"
+  },
+  "AddObjectListForm": {
+    "title": "Add list",
+    "labelName": "List name",
+    "labelDescription": "Description (optional)",
+    "labelDescriptionSubTitle": "Give a description about this list. For example. What is the history of this list. Tell a little bit about the kind of objects.",
+    "buttonSubmit": "Create list",
+    "buttonCancel": "Cancel",
+    "name_too_small": "List name is required",
+    "name_too_big": "List name has a maximum of 255 characters",
+    "serverError": "Something went wrong while creating the list. Please try again later.",
+    "listSuccessfullyAdded": "List <name></name> has been added to you community"
   }
 }
\ No newline at end of file
diff --git a/apps/researcher/src/messages/nl/messages.json b/apps/researcher/src/messages/nl/messages.json
index 432381022..0e2333df7 100644
--- a/apps/researcher/src/messages/nl/messages.json
+++ b/apps/researcher/src/messages/nl/messages.json
@@ -141,7 +141,8 @@
     "title": "Communities",
     "error": "Er is een fout opgetreden bij het ophalen van de communities. Probeer het later opnieuw.",
     "communityName": "Community van <name></name>",
-    "membershipCount": "{count, plural, =0 {0 members} =1 {1 member} other {# members}}",
+    "membershipCount": "{count, plural, =0 {0 leden} =1 {1 lid} other {# leden}}",
+    "objectListCount": "{count, plural, =0 {0 lijsten} =1 {1 lijst} other {# lijsten}}",
     "searchPlaceholder": "Zoek naar community"
   },
   "Community": {
@@ -150,8 +151,30 @@
     "noEntity": "Community kon niet gevonden worden",
     "editButton": "Community page aanpassen",
     "joinButton": "Word lid van deze community",
-    "objectListsTitle": "Lijsten van objecten door community",
+    "goToListButton": "Bekijk alle objecten",
+    "objectListsTitle": "Lijsten",
+    "objectListsSubTitle": "Deze community heeft {count, plural, =0 {0 lijsten} =1 {1 lijst} other {# lijsten}}",
     "membersTitle": "Leden",
-    "error": "Er is een fout opgetreden bij het ophalen van de community. Probeer het later opnieuw."
+    "error": "Er is een fout opgetreden bij het ophalen van de community. Probeer het later opnieuw.",
+    "addObjectListButton": "Lijst toevoegen",
+    "editDescriptionButton": "Beschrijving aanpassen",
+    "labelDescription":"Beschrijving",
+    "changeDescriptionSaveButton": "Opslaan",
+    "changeDescriptionCancelButton": "Annuleren",
+    "descriptionSuccessfullyEdited": "Beschrijving is succesvol aangepast",
+    "descriptionServerError": "Er is iets misgegaan bij het aanpassen van de beschrijving. Probeer het later opnieuw.",
+    "description_maxLength": "Beschrijving mag maximaal 2000 tekens bevatten"
+  },
+  "AddObjectListForm": {
+    "title": "Lijst toevoegen",
+    "labelName": "Lijstnaam",
+    "labelDescription": "Beschrijving (optioneel)",
+    "labelDescriptionSubTitle": "Geef een beschrijving over deze lijst. Bijvoorbeeld, wat is de geschiedenis van deze lijst. Vertel iets over het soort objecten.",
+    "buttonSubmit": "Lijst aanmaken",
+    "buttonCancel": "Annuleren",
+    "name_too_small": "Lijstnaam is vereist",
+    "name_too_big": "Lijstnaam mag maximaal 255 tekens bevatten",
+    "serverError": "Er is iets misgegaan bij het maken van de lijst. Probeer het later opnieuw.",
+    "listSuccessfullyAdded": "Lijst <name></name> is aan je community toegevoegd"
   }
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d4486e083..641999f08 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -88,6 +88,7 @@
         "@hapi/hoek": "11.0.2",
         "@headlessui/react": "1.7.16",
         "@heroicons/react": "2.0.18",
+        "@hookform/resolvers": "3.3.1",
         "@next/mdx": "13.4.19",
         "classnames": "2.3.2",
         "fetch-sparql-endpoint": "3.3.3",
@@ -97,6 +98,7 @@
         "rdf-object": "1.14.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-hook-form": "7.46.1",
         "zod": "3.22.2",
         "zustand": "4.3.9"
       },
@@ -134,7 +136,8 @@
     },
     "apps/researcher/node_modules/zod": {
       "version": "3.22.2",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.2.tgz",
+      "integrity": "sha512-wvWkphh5WQsJbVk1tbx1l1Ly4yg+XecD+Mq280uBGt9wa5BKSWf4Mhp6GmrkPixhMxmabYY7RbzlwVP32pbGCg==",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
@@ -3587,6 +3590,14 @@
         "react": ">= 16"
       }
     },
+    "node_modules/@hookform/resolvers": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.3.1.tgz",
+      "integrity": "sha512-K7KCKRKjymxIB90nHDQ7b9nli474ru99ZbqxiqDAWYsYhOsU3/4qLxW91y+1n04ic13ajjZ66L3aXbNef8PELQ==",
+      "peerDependencies": {
+        "react-hook-form": "^7.0.0"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.10",
       "dev": true,
@@ -4042,9 +4053,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.2.tgz",
-      "integrity": "sha512-7eAyunAWq6yFwdSQliWMmGhObPpHTesiKxMw4DWVxhm5yLotBj8FCR4PXGkpRP2tf8QhaWuVba+/fyAYggqfQg==",
+      "version": "13.4.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.7.tgz",
+      "integrity": "sha512-VZTxPv1b59KGiv/pZHTO5Gbsdeoxcj2rU2cqJu03btMhHpn3vwzEK0gUSVC/XW96aeGO67X+cMahhwHzef24/w==",
       "cpu": [
         "arm64"
       ],
@@ -4057,9 +4068,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.2.tgz",
-      "integrity": "sha512-WxXYWE7zF1ch8rrNh5xbIWzhMVas6Vbw+9BCSyZvu7gZC5EEiyZNJsafsC89qlaSA7BnmsDXVWQmc+s1feSYbQ==",
+      "version": "13.4.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.7.tgz",
+      "integrity": "sha512-gO2bw+2Ymmga+QYujjvDz9955xvYGrWofmxTq7m70b9pDPvl7aDFABJOZ2a8SRCuSNB5mXU8eTOmVVwyp/nAew==",
       "cpu": [
         "x64"
       ],
@@ -4072,9 +4083,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.2.tgz",
-      "integrity": "sha512-URSwhRYrbj/4MSBjLlefPTK3/tvg95TTm6mRaiZWBB6Za3hpHKi8vSdnCMw5D2aP6k0sQQIEG6Pzcfwm+C5vrg==",
+      "version": "13.4.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.7.tgz",
+      "integrity": "sha512-6cqp3vf1eHxjIDhEOc7Mh/s8z1cwc/l5B6ZNkOofmZVyu1zsbEM5Hmx64s12Rd9AYgGoiCz4OJ4M/oRnkE16/Q==",
       "cpu": [
         "arm64"
       ],
@@ -4087,9 +4098,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.2.tgz",
-      "integrity": "sha512-HefiwAdIygFyNmyVsQeiJp+j8vPKpIRYDlmTlF9/tLdcd3qEL/UEBswa1M7cvO8nHcr27ZTKXz5m7dkd56/Esg==",
+      "version": "13.4.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.7.tgz",
+      "integrity": "sha512-T1kD2FWOEy5WPidOn1si0rYmWORNch4a/NR52Ghyp4q7KyxOCuiOfZzyhVC5tsLIBDH3+cNdB5DkD9afpNDaOw==",
       "cpu": [
         "arm64"
       ],
@@ -4132,9 +4143,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.2.tgz",
-      "integrity": "sha512-Em9ApaSFIQnWXRT3K6iFnr9uBXymixLc65Xw4eNt7glgH0eiXpg+QhjmgI2BFyc7k4ZIjglfukt9saNpEyolWA==",
+      "version": "13.4.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.7.tgz",
+      "integrity": "sha512-NPnmnV+vEIxnu6SUvjnuaWRglZzw4ox5n/MQTxeUhb5iwVWFedolPFebMNwgrWu4AELwvTdGtWjqof53AiWHcw==",
       "cpu": [
         "arm64"
       ],
@@ -4147,9 +4158,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.5.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.2.tgz",
-      "integrity": "sha512-TBACBvvNYU+87X0yklSuAseqdpua8m/P79P0SG1fWUvWDDA14jASIg7kr86AuY5qix47nZLEJ5WWS0L20jAUNw==",
+      "version": "13.4.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.7.tgz",
+      "integrity": "sha512-6Hxijm6/a8XqLQpOOf/XuwWRhcuc/g4rBB2oxjgCMuV9Xlr2bLs5+lXyh8w9YbAUMYR3iC9mgOlXbHa79elmXw==",
       "cpu": [
         "ia32"
       ],
@@ -4162,9 +4173,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.2.tgz",
-      "integrity": "sha512-LfTHt+hTL8w7F9hnB3H4nRasCzLD/fP+h4/GUVBTxrkMJOnh/7OZ0XbYDKO/uuWwryJS9kZjhxcruBiYwc5UDw==",
+      "version": "13.4.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.7.tgz",
+      "integrity": "sha512-sW9Yt36Db1nXJL+mTr2Wo0y+VkPWeYhygvcHj1FF0srVtV+VoDjxleKtny21QHaG05zdeZnw2fCtf2+dEqgwqA==",
       "cpu": [
         "x64"
       ],
@@ -12865,6 +12876,21 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-hook-form": {
+      "version": "7.46.1",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.46.1.tgz",
+      "integrity": "sha512-0GfI31LRTBd5tqbXMGXT1Rdsv3rnvy0FjEk8Gn9/4tp6+s77T7DPZuGEpBRXOauL+NhyGT5iaXzdIM2R6F/E+w==",
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18"
+      }
+    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "license": "MIT"
@@ -15292,7 +15318,8 @@
         "classnames": "2.3.2",
         "next": "13.5.2",
         "next-intl": "3.0.0-beta.7",
-        "react": "18.2.0"
+        "react": "18.2.0",
+        "zustand": "4.4.1"
       },
       "devDependencies": {
         "@types/react": "18.2.20",
@@ -15303,6 +15330,33 @@
         "tsconfig": "*",
         "typescript": "5.1.6"
       }
+    },
+    "packages/ui/node_modules/zustand": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.4.1.tgz",
+      "integrity": "sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==",
+      "dependencies": {
+        "use-sync-external-store": "1.2.0"
+      },
+      "engines": {
+        "node": ">=12.7.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.8",
+        "immer": ">=9.0",
+        "react": ">=16.8"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
     }
   }
 }
diff --git a/packages/database/migrations/0002_object_list_name_not_null.sql b/packages/database/migrations/0002_object_list_name_not_null.sql
new file mode 100644
index 000000000..94ece24e4
--- /dev/null
+++ b/packages/database/migrations/0002_object_list_name_not_null.sql
@@ -0,0 +1 @@
+ALTER TABLE `object_list` MODIFY COLUMN `name` varchar(256) NOT NULL;
\ No newline at end of file
diff --git a/packages/database/migrations/meta/0002_snapshot.json b/packages/database/migrations/meta/0002_snapshot.json
new file mode 100644
index 000000000..6cb787aed
--- /dev/null
+++ b/packages/database/migrations/meta/0002_snapshot.json
@@ -0,0 +1,165 @@
+{
+  "version": "5",
+  "dialect": "mysql",
+  "id": "f2311843-75be-4ca1-be64-e5620a7b268b",
+  "prevId": "cf9627d1-a3e1-4768-8539-90a87f3e0a97",
+  "tables": {
+    "object_item": {
+      "name": "object_item",
+      "columns": {
+        "object_id": {
+          "name": "object_id",
+          "type": "varchar(32)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "object_iri": {
+          "name": "object_iri",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "object_list_id": {
+          "name": "object_list_id",
+          "type": "int",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "varchar(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "id": {
+          "name": "id",
+          "columns": [
+            "object_id"
+          ],
+          "isUnique": false
+        },
+        "object_list_id": {
+          "name": "object_list_id",
+          "columns": [
+            "object_list_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {
+        "object_item_object_id": {
+          "name": "object_item_object_id",
+          "columns": [
+            "object_id"
+          ]
+        }
+      },
+      "uniqueConstraints": {
+        "object_item_object_id_object_list_id_unique": {
+          "name": "object_item_object_id_object_list_id_unique",
+          "columns": [
+            "object_id",
+            "object_list_id"
+          ]
+        }
+      }
+    },
+    "object_list": {
+      "name": "object_list",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "serial",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar(256)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "community_id": {
+          "name": "community_id",
+          "type": "varchar(50)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "varchar(256)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "onUpdate": true,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {
+        "community_id": {
+          "name": "community_id",
+          "columns": [
+            "community_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {
+        "object_list_id": {
+          "name": "object_list_id",
+          "columns": [
+            "id"
+          ]
+        }
+      },
+      "uniqueConstraints": {}
+    }
+  },
+  "schemas": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/packages/database/migrations/meta/_journal.json b/packages/database/migrations/meta/_journal.json
index f983b0fa7..58d559d8d 100644
--- a/packages/database/migrations/meta/_journal.json
+++ b/packages/database/migrations/meta/_journal.json
@@ -15,6 +15,13 @@
       "when": 1695286872562,
       "tag": "0001_create_object_item",
       "breakpoints": true
+    },
+    {
+      "idx": 2,
+      "version": "5",
+      "when": 1695393273717,
+      "tag": "0002_object_list_name_not_null",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/packages/database/src/db/schema.ts b/packages/database/src/db/schema.ts
index 9c6f849a1..5ac3fa056 100644
--- a/packages/database/src/db/schema.ts
+++ b/packages/database/src/db/schema.ts
@@ -15,7 +15,7 @@ export const objectLists = mysqlTable(
   'object_list',
   {
     id: serial('id').primaryKey(),
-    name: varchar('name', {length: 256}),
+    name: varchar('name', {length: 256}).notNull(),
     description: text('description'),
     communityId: varchar('community_id', {length: 50}),
     createdAt: timestamp('created_at')
@@ -64,4 +64,9 @@ export const objectItemsRelations = relations(objectItems, ({one}) => ({
   }),
 }));
 
+export const insertObjectListSchema = createInsertSchema(objectLists, {
+  // Don't allow empty strings
+  name: schema => schema.name.trim().min(1),
+});
+
 export const insertObjectItemSchema = createInsertSchema(objectItems);
diff --git a/packages/database/src/object-list.ts b/packages/database/src/object-list.ts
index 37b1ffb34..3ff2ddf3a 100644
--- a/packages/database/src/object-list.ts
+++ b/packages/database/src/object-list.ts
@@ -1,5 +1,3 @@
-'use server';
-
 import {objectLists, insertObjectItemSchema, objectItems} from './db/schema';
 import {db} from './db/connection';
 import {iriToHash} from './iri-to-hash';
@@ -10,33 +8,43 @@ async function getListsByCommunityId(communityId: string) {
   });
 }
 
-async function getCommunityListsWithObjects(communityId: string) {
+interface GetCommunityListsWithObjectsProps {
+  communityId: string;
+  limitObjects?: number;
+}
+
+async function getCommunityListsWithObjects({
+  communityId,
+  limitObjects,
+}: GetCommunityListsWithObjectsProps) {
+  const objectOptions = limitObjects ? {limit: limitObjects} : true;
+
   return db.query.objectLists.findMany({
     where: (objectLists, {eq}) => eq(objectLists.communityId, communityId),
     with: {
-      objects: true,
+      objects: objectOptions,
     },
   });
 }
 
 interface CreateListForCommunityProps {
   communityId: string;
-  userId: string;
+  createdBy: string;
   name: string;
-  description: string;
+  description?: string;
 }
 
 async function createListForCommunity({
   communityId,
   name,
   description,
-  userId,
+  createdBy,
 }: CreateListForCommunityProps) {
   return db.insert(objectLists).values({
     communityId,
     name,
     description,
-    createdBy: userId,
+    createdBy,
   });
 }
 
diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index bba021673..f2409a51c 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -4,3 +4,5 @@ export * from './localized-markdown';
 export * from './small-screen-sub-menu';
 export * from './wip-message';
 export * from './slide-over';
+export * from './slide-out';
+export * from './notifications';
diff --git a/packages/ui/notifications.tsx b/packages/ui/notifications.tsx
new file mode 100644
index 000000000..dcf00e0dc
--- /dev/null
+++ b/packages/ui/notifications.tsx
@@ -0,0 +1,68 @@
+'use client';
+
+import {create} from 'zustand';
+import {XMarkIcon} from '@heroicons/react/24/outline';
+import {ReactNode, useEffect} from 'react';
+import {usePathname} from 'next/navigation';
+
+type Notification = {
+  id: string;
+  message: ReactNode;
+  type: 'success'; // For now we only have success notifications, but we could add more types later
+};
+
+interface State {
+  notifications: Notification[];
+  addNotification(item: Notification): void;
+  removeNotification(item: Notification): void;
+  reset(): void;
+}
+
+export const useNotifications = create<State>(set => ({
+  notifications: [],
+  addNotification: notification =>
+    set(state => ({
+      notifications: [...state.notifications, notification],
+    })),
+  removeNotification: notification =>
+    set(state => ({
+      notifications: state.notifications.filter(i => i.id !== notification.id),
+    })),
+  reset: () =>
+    set(() => ({
+      notifications: [],
+    })),
+}));
+
+export function Notifications() {
+  const {notifications, removeNotification, reset} = useNotifications();
+  const pathname = usePathname();
+
+  useEffect(() => {
+    // Reset notifications when the route changes
+    reset();
+  }, [pathname, reset]);
+
+  if (notifications.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className="my-6">
+      {notifications.map(notification => (
+        <div
+          key={notification.id}
+          className="justify-between items-center bg-greenGrey-50 border-greenGrey-100 text-greenGrey-800 border p-4 rounded-xl flex my-2"
+        >
+          <div>{notification.message}</div>
+          <button
+            onClick={() => removeNotification(notification)}
+            className="hover:bg-greenGrey-200 p-1 rounded"
+          >
+            <XMarkIcon className="w-4 h-4" />
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 3f05afc7e..484cd691d 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -21,6 +21,7 @@
     "classnames": "2.3.2",
     "next": "13.5.2",
     "next-intl": "3.0.0-beta.7",
-    "react": "18.2.0"
+    "react": "18.2.0",
+    "zustand": "4.4.1"
   }
 }
diff --git a/packages/ui/slide-out.tsx b/packages/ui/slide-out.tsx
new file mode 100644
index 000000000..207840f4e
--- /dev/null
+++ b/packages/ui/slide-out.tsx
@@ -0,0 +1,66 @@
+'use client';
+
+import {create} from 'zustand';
+import {ReactNode, ButtonHTMLAttributes} from 'react';
+
+interface SlideOutState {
+  visibleIds: {
+    [id: string]: Boolean;
+  };
+  setIsVisible: (id: string, isVisible: Boolean) => void;
+  isVisible: (id: string) => Boolean;
+}
+
+export const useSlideOut = create<SlideOutState>((set, get) => ({
+  visibleIds: {},
+  setIsVisible: (id, isVisible) =>
+    set(state => ({
+      visibleIds: {
+        ...state.visibleIds,
+        [id]: isVisible,
+      },
+    })),
+  isVisible: id => {
+    const visible = get().visibleIds[id];
+    return visible === undefined ? false : visible;
+  },
+}));
+
+interface SlideOutButtonProps {
+  id: string;
+  hideIfOpen?: Boolean;
+  children: ReactNode;
+}
+
+export function SlideOutButton({
+  id,
+  hideIfOpen = false,
+  children,
+  ...buttonProps
+}: SlideOutButtonProps & ButtonHTMLAttributes<HTMLButtonElement>) {
+  const {setIsVisible, isVisible} = useSlideOut();
+
+  if (hideIfOpen && isVisible(id)) return null;
+
+  return (
+    <button {...buttonProps} onClick={() => setIsVisible(id, !isVisible(id))}>
+      {children}
+    </button>
+  );
+}
+
+interface SlideOutProps {
+  id: string;
+  children: ReactNode;
+}
+
+export function SlideOut({id, children}: SlideOutProps) {
+  const {isVisible} = useSlideOut();
+  return isVisible(id) ? <>{children}</> : null;
+}
+
+// Use this component to render content when the slide out is closed
+export function SlideOutClosed({id, children}: SlideOutProps) {
+  const {isVisible} = useSlideOut();
+  return !isVisible(id) ? <>{children}</> : null;
+}