Add files via upload

jusoftdev · Mar 17, 2022 · 48e21a3 · 48e21a3
1 parent 0d7c26f
commit 48e21a3
Show file tree

Hide file tree

Showing 41 changed files with 16,362 additions and 186 deletions.
diff --git a/README.md b/README.md
@@ -1,198 +1,27 @@
-<!-- PROJECT LOGO -->
-<br />
-<p align="center">
-  <a href="https://github.com/jusoftdev/bloggify">
-    <img src="https://i.imgur.com/QdzNFbA.png" alt="Logo">
-  </a>
+# Next.js + Tailwind CSS Example
 
-  <h3 align="center">Bloggify</h3>
+This example shows how to use [Tailwind CSS](https://tailwindcss.com/) [(v3.0)](https://tailwindcss.com/blog/tailwindcss-v3) with Next.js. It follows the steps outlined in the official [Tailwind docs](https://tailwindcss.com/docs/guides/nextjs).
 
-  <p align="center">
-    Now it's easy for Bloggers to host and manage their own Blog with ease.
-    <br />
-    <a href="https://github.com/jusoftdev/bloggify"><strong>Explore the docs »</strong></a>
-    <br />
-    <br />
-    <a href="http://bloggify.jusoft.dev">View Demo</a>
-    ·
-    <a href="https://github.com/jusoftdev/bloggify/issues">Report Bug</a>
-    ·
-    <a href="https://github.com/jusoftdev/bloggify/issues">Request Feature</a><br>&nbsp;
-<a href="https://www.buymeacoffee.com/jusoft" target="_blank"><img src="https://bmc-cdn.nyc3.digitaloceanspaces.com/BMC-button-images/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
-
-  </p>
-</p>
+## Preview
 
+Preview the example live on [StackBlitz](http://stackblitz.com/):
 
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-tailwindcss)
 
-<!-- TABLE OF CONTENTS -->
-<details open="open">
-  <summary><h2 style="display: inline-block">Table of Contents</h2></summary>
-  <ol>
-    <li>
-      <a href="#about-the-project">About The Project</a>
-      <ul>
-        <li><a href="#built-with">Built With</a></li>
-      </ul>
-    </li>
-    <li>
-      <a href="#getting-started">Getting Started</a>
-      <ul>
-        <li><a href="#prerequisites">Prerequisites</a></li>
-        <li><a href="#installation">Installation</a></li>
-      </ul>
-    </li>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#roadmap">Roadmap</a></li>
-    <li><a href="#todo">To do</a></li>
-    <li><a href="#contributing">Contributing</a></li>
-    <li><a href="#license">License</a></li>
-    <li><a href="#contact">Contact</a></li>
-    <li><a href="#contributors">Contributors</a></li>
-  </ol>
-</details>
+## Deploy your own
 
+Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
 
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss&project-name=with-tailwindcss&repository-name=with-tailwindcss)
 
-<!-- ABOUT THE PROJECT -->
-## About The Project
+## How to use
 
-Bloggify is a place to read, write and host
+Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
 
-
-<img src="https://i.imgur.com/gwdMp0s.png"/>
-
-
-### Built With
-
-* [Next.js](http://nextjs.org/)
-* [TailwindCSS](https://tailwindcss.com)
-* [SanityCMS (Blog Schema)](https://www.sanity.io/)
-
-
-<!-- GETTING STARTED -->
-## Getting Started
-
-To get a local copy up and running follow these simple steps.
-
-### Prerequisites
-
-This is an example of how to list things you need to use the software and how to install them.
-* [npm](https://npmjs.com)
-* [NodeJS](https://nodejs.org)
-* NextJS
-  ```sh
-  npm i next react react-dom
-  ```
-* Sanity
-  ```sh
-  npm i --global @sanity/cli
-  ```
-* TypeScript
-  ```sh
-  npm install typescript --save-dev
-  ```
-
-### Installation
-
-1. Clone the repo
-   ```sh
-   git clone https://github.com/jusoftdev/bloggify.git
-   ```
-2. Install packages
-   ```sh
-   npm i
-   ```
-3. Install CMS packages
-  ```
-  cd bloggify-cms
-  npm i
-  ```
-3. [Create Sanity Project](https://www.sanity.io/manage)
-4. Insert your Data in `.env`
-```env
-NEXT_PUBLIC_SANITY_DATASET=production
-NEXT_PUBLIC_SANITY_PROJECT_ID=ID
-SANITY_API_TOKEN=TOKEN
-```
-
-4. Insert your Sanity Details in `bloggify-cms/sanity.json`
-5. Run Backend (Sanity Studio)
-  ```sh
-  cd bloggify-cms
-  npm start
-  ```
-6. Run Frontend
-```sh
-next dev
+```bash
+npx create-next-app --example with-tailwindcss with-tailwindcss-app
+# or
+yarn create next-app --example with-tailwindcss with-tailwindcss-app
 ```
-7. Deploying the Studio (so you can access it everywhere)
- ```
- sanity deploy
- ```
-
-
-<!-- USAGE EXAMPLES -->
-## Usage
-
-Sanity Studio
-<img src="https://i.imgur.com/ryxCAIj.png" />
-<img src="https://i.imgur.com/Hefhhea.png" />
-Postings
-<img src="https://i.imgur.com/gydePom.png" /><br>
-Comments<br>
-<img src="https://i.imgur.com/gg8P40P.png" />
-<img src="https://i.imgur.com/NfPO50X.png" /><br>
-Fully responsive Design <br>
-<img src="https://i.imgur.com/pt4GZlE.png" />
-<br>
-
-
-
-<!-- ROADMAP -->
-## Roadmap
-
-See the [open issues](https://github.com/jusoftdev/bloggify/issues) for a list of proposed features (and known issues).
-
-<!-- todo -->
-## Todo
-
-* Dark Mode
-* Advanced Posting
-* Autonomic contribution
-
-
-
-<!-- CONTRIBUTING -->
-## Contributing
-
-Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
-
-1. Fork the Project
-2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
-3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
-4. Push to the Branch (`git push origin feature/AmazingFeature`)
-5. Open a Pull Request
-
-
-
-<!-- LICENSE -->
-## License
-
-Distributed under the MIT License. See `LICENSE` for more information.
-
-
-
-<!-- CONTACT -->
-## Contact
-
-JuSoft - [@jusoftdev](https://twitter.com/jusoftdev) - [Discord Server](http://jsft.be/discord) - [email protected]
-
-Project Link: [https://github.com/jusoftdev/bloggify](https://github.com/jusoftdev/bloggify)
-
-
-
-<!-- ACKNOWLEDGEMENTS -->
-## Contributors
 
-* [juhom205](https://github.com/juhom205)
+Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).
diff --git a/bloggify-cms/README.md b/bloggify-cms/README.md
@@ -0,0 +1,11 @@
+# Sanity Blogging Content Studio
+
+Congratulations, you have now installed the Sanity Content Studio, an open source real-time content editing environment connected to the Sanity backend.
+
+Now you can do the following things:
+
+- [Read “getting started” in the docs](https://www.sanity.io/docs/introduction/getting-started?utm_source=readme)
+- Check out the example frontend: [React/Next.js](https://github.com/sanity-io/tutorial-sanity-blog-react-next)
+- [Read the blog post about this template](https://www.sanity.io/blog/build-your-own-blog-with-sanity-and-next-js?utm_source=readme)
+- [Join the community Slack](https://slack.sanity.io/?utm_source=readme)
+- [Extend and build plugins](https://www.sanity.io/docs/content-studio/extending?utm_source=readme)
diff --git a/bloggify-cms/config/@sanity/data-aspects.json b/bloggify-cms/config/@sanity/data-aspects.json
@@ -0,0 +1,3 @@
+{
+  "listOptions": {}
+}
diff --git a/bloggify-cms/config/@sanity/default-layout.json b/bloggify-cms/config/@sanity/default-layout.json
@@ -0,0 +1,6 @@
+{
+  "toolSwitcher": {
+    "order": [],
+    "hidden": []
+  }
+}
diff --git a/bloggify-cms/config/@sanity/default-login.json b/bloggify-cms/config/@sanity/default-login.json
@@ -0,0 +1,7 @@
+{
+  "providers": {
+    "mode": "append",
+    "redirectOnSingle": false,
+    "entries": []
+  }
+}
diff --git a/bloggify-cms/config/@sanity/form-builder.json b/bloggify-cms/config/@sanity/form-builder.json
@@ -0,0 +1,5 @@
+{
+  "images": {
+    "directUploads": true
+  }
+}
diff --git a/bloggify-cms/config/@sanity/vision.json b/bloggify-cms/config/@sanity/vision.json
@@ -0,0 +1,3 @@
+{
+  "defaultApiVersion": "2021-10-21"
+}
diff --git a/bloggify-cms/dist/index.html b/bloggify-cms/dist/index.html
@@ -0,0 +1,130 @@
+<!doctype html><html><head><meta charSet="utf-8"/><title>bloggify – Sanity</title><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><meta name="robots" content="noindex"/><style>html {background-color: #f1f3f6;}</style><link rel="stylesheet" href="/static/css/main.css?380dbe1496d99a0366d3"/><link rel="subresource" href="/static/js/vendor.bundle.js?f4e6dd0734a690f5e2d1"/><link rel="subresource" href="/static/js/app.bundle.js?380dbe1496d99a0366d3"/><link rel="icon" href="/static/favicon.ico"/></head><body id="sanityBody"><div id="sanity"><div class="sanity-app-loading-screen"><style type="text/css">
+.sanity-app-loading-screen {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  text-align: center;
+  background-color: white;
+  color: #1C2430;
+  display: flex;
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.sanity-app-loading-screen__inner {
+  margin: auto;
+}
+
+.sanity-app-loading-screen__text {
+  margin-top: 2rem;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.sanity-app-loading-screen__loader {
+  display: block;
+  animation: pulse var(--time) cubic-bezier(.11,0,.27,1) infinite;
+  --time: 3s;
+}
+
+@keyframes pulse {
+  from {
+    transform: scale3d(0.75, 0.75, 0.75);
+  }
+
+  50% {
+    transform: scale3d(1, 1, 1);
+  }
+
+  to {
+    transform: scale3d(0.75, 0.75, 0.75);
+  }
+}
+</style><div class="sanity-app-loading-screen__inner"><div class="sanity-app-loading-screen__loader"><svg width="73" height="95" viewBox="0 0 73 95" fill="none" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision"><style>
+  .fillShape {
+    stroke-width: 40;
+    stroke: #F03E2F;
+    opacity: 0;
+  }
+
+  .fillShape--bottom {
+    stroke-dasharray: 90;
+    stroke-dashoffset: 85;
+    animation: bottom var(--time) ease-in infinite;
+  }
+
+  .fillShape--middle {
+    stroke-dasharray: 115;
+    stroke-dashoffset: 110;
+    animation: middle var(--time) linear infinite;
+  }
+
+  .fillShape--top {
+    stroke-dasharray: 77;
+    stroke-dashoffset: 72;
+    animation: top var(--time) ease-out infinite;
+  }
+
+  @keyframes bottom {
+    0%,
+    85% {
+      stroke-dashoffset: 265;
+      opacity: 0;
+    }
+    15%,
+    64% {
+      stroke-dashoffset: 175;
+      opacity: 0.5;
+    }
+  }
+  @keyframes middle {
+    11%,
+    75% {
+      stroke-dashoffset: 100;
+      opacity: 0;
+    }
+    15% {
+      opacity: 1;
+    }
+    25%,
+    63% {
+      stroke-dashoffset: 225;
+      opacity: 1;
+    }
+  }
+  @keyframes top {
+    22%,
+    70% {
+      opacity: 0;
+      stroke-dashoffset: 226;
+    }
+    25% {
+      opacity: 0.5;
+    }
+    35%,
+    54% {
+      stroke-dashoffset: 149;
+      opacity: 0.5;
+    }
+  }
+</style><mask id="bottom" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="105"><path d="M56.4905 62.9807C63.6434 67.5637 66.7972 73.9744 66.7972 83.168C60.7987 90.7262 50.4577 95 38.2203 95C17.6963 95 3.17759 84.8102 0.0100098 67.282H19.7851C22.3343 75.3761 29.0748 79.1209 38.0622 79.1209C49.056 79.1209 56.3462 73.2598 56.4905 62.9807" fill="white"></path></mask><g mask="url(#bottom)"><path class="fillShape fillShape--bottom" d="M8 59C9.35605 77.6466 25.4128 87.4032 37.5 87.5C54 87.6322 62 75 71.5 66.5"></path></g><mask id="middle" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="105"><path d="M7.73317 12.1206C7.73317 24.8871 15.6418 32.5484 31.4729 36.568L48.2521 40.4571C63.238 43.8926 72.3834 52.4472 72.3834 66.3818C72.493 72.4436 70.5187 78.3594 66.7904 83.1404C66.7904 69.2402 59.5963 61.7232 42.2605 57.2157L25.7698 53.471C12.5842 50.4683 2.40806 43.4323 2.40806 28.2952C2.33733 22.4523 4.21324 16.7521 7.74004 12.0931" fill="white"></path></mask><g mask="url(#middle)"><path class="fillShape fillShape--middle" d="M-15.5 8.5C-15.5 12 -1 41.7047 38.3457 48C65.7344 52.3822 69 68 62.8457 74.5C56.6914 81 54.5 82 54.5 82"></path></g><mask id="top" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="105"><path d="M18.0122 31.1124C11.1411 26.7149 7.70557 20.524 7.70557 12.1138C13.4636 4.59677 23.3648 0 35.5198 0C56.4973 0 68.6317 11.09 71.6275 26.6737H52.5945C50.4988 20.5309 45.2562 15.7348 35.6641 15.7348C25.4399 15.7348 18.4863 21.6852 18.0122 31.1124" fill="white"></path></mask><g mask="url(#top)"><path class="fillShape fillShape--top" d="M9 35C9 21 19 5.49993 40 8.49996C61 11.5 65.3456 29 65.3456 33.5"></path></g></svg></div><div class="sanity-app-loading-screen__text">Connecting to Sanity.io</div></div></div><noscript><div class="sanity-app-no-js__root"><div class="sanity-app-no-js__content"><style type="text/css">
+.sanity-app-no-js__root {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: #fff;
+}
+
+.sanity-app-no-js__content {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  font-family: helvetica, arial, sans-serif;
+}
+</style><h1>JavaScript disabled</h1><p>Please <a href="https://www.enable-javascript.com/">enable JavaScript</a> in your browser and reload the page to proceed.</p></div></div></noscript></div><script>window.onerror = function(m,u,l,c,e) {var p=window.location.port;var h=window.location.protocol+'//'+window.location.hostname+(p?':'+p:'');var r=document.getElementById('sanity');while(r.firstChild){r.removeChild(r.firstChild);}var s=document.createElement('style');s.appendChild(document.createTextNode('html,body,#sanityBody,#sanity,#sanityError{height:100%;}body{-webkit-font-smoothing:antialiased;margin:0;}#sanityError{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:#fff;color:#121923;font-family:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, \'Helvetica Neue\', Helvetica, Arial, system-ui, sans-serif;font-size:16px;line-height:21px;min-height:100%;}#sanityError>div{background-color:#fff;max-width:960px;margin:0 auto;padding:47px 32px 52px;}@media(min-width:512px){#sanityError>div{padding:47px 84px;}}#sanityError button{-webkit-font-smoothing:inherit;font:inherit;font-weight:500;background-color:#2276FC;color:#fff;padding:7px 12px;border-radius:3px;border:0;}#sanityError button:hover{background-color:#1E63D0;}#sanityError button:active{background-color:#1B50A5;}'));document.head.appendChild(s);var f=document.createElement('div');f.id='sanityError';f.innerHTML='<div><h1 style="font-size:21px;line-height:27px;margin: 0 0 10px;">Unhandled error</h1><p style="color:#66758D;margin:10px 0 14px;">Encountered an unhandled error in this Studio.</p><button class="sanity-error-handler__reload-btn" type="button">Reload page</button><pre style="background-color:#FDEBEA;color:#C3362C;font-size:13px;line-height:17px;padding:8px 12px;border-radius:3px;margin:32px 0 0;overflow:auto;"><code style="font-family:-apple-system-ui-monospace, \'SF Mono\', Menlo, Monaco, Consolas, monospace;">'+e.stack.replaceAll(h,'')+'</code></pre></div>';var b=f.querySelector('.sanity-error-handler__reload-btn');if(b){b.onclick=function() {window.location.reload();}};r.appendChild(f);};</script><script>/* Script loader */
+!function(e,t){if(void 0!==window.fetch)t.forEach(function(t){var o=e.createElement("script");o.src=t,o.async=!1,e.head.appendChild(o)});else{var o=e.getElementById("sanity");'<div style="height:100%;width: 100%;position: absolute;top:45%;text-align:center;font-family:helvetica, arial, sans-serif;">',"<h1>Browser not supported</h1>",'<p>Please use a modern browser such as <a href="https://www.google.com/chrome/">Chrome</a> or <a href="https://www.getfirefox.org/">Firefox</a>.</p>',"</div>","</div>";var r=o;do{r.style.height="100%",r=r.parentNode}while(r.parentNode);o.innerHTML='<div style="position:relative;height:100%;"><div style="height:100%;width: 100%;position: absolute;top:45%;text-align:center;font-family:helvetica, arial, sans-serif;"><h1>Browser not supported</h1><p>Please use a modern browser such as <a href="https://www.google.com/chrome/">Chrome</a> or <a href="https://www.getfirefox.org/">Firefox</a>.</p></div></div>'}}(document,["/static/js/vendor.bundle.js?f4e6dd0734a690f5e2d1","/static/js/app.bundle.js?380dbe1496d99a0366d3"]);</script></body></html>
diff --git a/bloggify-cms/dist/static/css/main.css b/bloggify-cms/dist/static/css/main.css
diff --git a/bloggify-cms/dist/static/favicon.ico b/bloggify-cms/dist/static/favicon.ico
diff --git a/bloggify-cms/dist/static/js/app.bundle.js b/bloggify-cms/dist/static/js/app.bundle.js