andrewjbateman/next-fauna-data

:clipboard: A Next.js Guestbook app with Fauna backend using GraphQL, boilerplate code from Vercel

⚡ Next Fauna Data

• A Next.js Guestbook app with Fauna backend using GraphQL, boilerplate code from Vercel
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Next Fauna Data
  • 📄 Table of contents
  • 📚 General Info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 📋 Status & To-Do List
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General Info

• Vercel Fauna integration project with Fauna database
• Fauna data API transactional database used as a cloud API with native GraphQL
• Next.js used for frontend
• Tailwind CSS used for styling

📷 Screenshots

📶 Technologies

• Fauna data API transactional database used as a cloud API with native GraphQL with FaunaDB Javascript Driver
• Next v11 minimalist framework for rendering react apps on the server.
• React v17 Javascript library.
• GraphQL v15 API query language
• Tailwind v2 utility-first CSS framework
• PostCSS v8 tool for transforming CSS with JavaScript

💾 Setup

• npm run dev runs the app in the development mode. Open http://localhost:3000 to view it in the browser. Note: requires Fauna API key
• npm run build builds the app for production to the build folder. Note: requests Fauna API key
• npm run start to run the built app.

💻 Code Examples - taken from Vercel boilerplate code

• lib/fauna.js mutation function to create a new guestbook entry

export const createGuestbookEntry = (newEntry) => {
  const mutation = gql`
    mutation CreateGuestbookEntry($input: GuestbookEntryInput!) {
      createGuestbookEntry(data: $input) {
        _id
        _ts
        name
        message
        createdAt
      }
    }
  `

  return graphQLClient.request(mutation, { input: newEntry })
}

📋 Status & To-Do List

• Status: Working. Deployed to Vercel
• To-Do: Add extra fields and a user image/icon. Need Fauna API key to run dev. server

👏 Inspiration

• Fauna GraphQL Reference

📁 License

• N/A

✉️ Contact

• Repo created by ABateman, email: [email protected]