Veebilehel kuvatakse erinevaid retsepte, filtrist saab valida järgmist : hommikusöök, õhtusöök, lõuna, jook ja vastavalt toiduainetele. Kui kasutaja loob konto ja logib sisse on tal võimalik oma retsepti postitada ning olemasolevaid hinnata 5-palli süsteemis ja/või kommenteerida. Kasutaja näeb kui nende retsepte on kommenteeritud ja/või hinnatud.
Autor: Karl Vask
- Retseptide vaatamine - Kasutajaks registreerimine (Kasutajanimi, email, parool) - Enda kasutajasse sisse logimine - Retseptide otsimine - Retseptide filtreerimine tag-ide, hinnangu või nime järgi - Kasutajate profiilide vaatamine - Kasutajate profiilil kasutajate retseptide keskmise hinde nägemine - Lehe päises vahetuvad pildid viimase 5 uuema retsepti pildi vahel - Uue retsepti postitamine(Retsepti nimetus, retsept, pilt, tag-id) - Teiste retseptide hindamine - Enda ja teiste retseptidele kommentaaride lisamine - Enda retsepti muutmine - Retsepti Facebooki, Twitterisse, Instagrami jagamine - Teistele kasutajatele sõnumite saatmine - Kui kasutaja retsept saab uue hinnagu või kommentaari, saab ta teate emailileThe fastest way to build apps with Next.js and Supabase
Features · Demo · Deploy to Vercel · Clone and run locally · Feedback and issues More Examples
- Works across the entire Next.js stack
- App Router
- Pages Router
- Middleware
- Client
- Server
- It just works!
- supabase-ssr. A package to configure Supabase Auth to use cookies
- Styling with Tailwind CSS
- Optional deployment with Supabase Vercel Integration and Vercel deploy
- Environment variables automatically assigned to Vercel project
You can view a fully working demo at demo-nextjs-with-supabase.vercel.app.
Vercel deployment will guide you through creating a Supabase account and project.
After installation of the Supabase integration, all relevant environment variables will be assigned to the project so the deployment is fully functioning.
The above will also clone the Starter kit to your GitHub, you can clone that locally and develop locally.
If you wish to just develop locally and not deploy to Vercel, follow the steps below.
-
You'll first need a Supabase project which can be made via the Supabase dashboard
-
Create a Next.js app using the Supabase Starter template npx command
npx create-next-app -e with-supabase
-
Use
cd
to change into the app's directorycd name-of-new-app
-
Rename
.env.local.example
to.env.local
and update the following:NEXT_PUBLIC_SUPABASE_URL=[INSERT SUPABASE PROJECT URL] NEXT_PUBLIC_SUPABASE_ANON_KEY=[INSERT SUPABASE PROJECT API ANON KEY]
Both
NEXT_PUBLIC_SUPABASE_URL
andNEXT_PUBLIC_SUPABASE_ANON_KEY
can be found in your Supabase project's API settings -
You can now run the Next.js local development server:
npm run dev
The starter kit should now be running on localhost:3000.
Check out the docs for Local Development to also run Supabase locally.
Please file feedback and issues over on the Supabase GitHub org.