Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arya-f4/angkatan-23
https://github.com/arya-f4/angkatan-23
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/arya-f4/angkatan-23
- Owner: Arya-f4
- Created: 2023-12-24T14:32:27.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-01T06:38:31.000Z (7 months ago)
- Last Synced: 2024-06-02T07:59:07.309Z (7 months ago)
- Language: TypeScript
- Homepage: https://angkatan-23-ti.netlify.app
- Size: 2.67 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Website angkatan 23 ceritanya
This is sample Next.js starter site that uses Agility CMS and aims to be a foundation for building fully static sites using Next.js and Agility CMS.
### Tailwind CSS
This starter uses [Tailwind CSS](https://tailwindcss.com/), a simple and lightweight utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.
### TypeScript
This starter is written in TypeScript, with ESLint.
## Getting Started
To start using the Agility CMS & Next.js Starter, for a FREE account and create a new Instance using the Blog Template.
1. Clone this repository
2. Run `npm install` or `yarn install`
3. Rename the `.env.local.example` file to `.env.local`
4. Retrieve your `GUID`, `API Keys (Preview/Fetch)`, and `Security Key` from Agility CMS by going to
## Running the Site Locally
### Development Mode
When running your site in `development` mode, you will see the latest content in real-time from the CMS.
#### yarn
1. `yarn install`
2. `yarn dev`
This will launch the site in development mode, using your preview API key to pull in the latest content from Agility.
#### npm
1. `npm install`
2. `npm run dev`
### Production Mode
When running your site in `production` mode, you will see the published content from Agility.
#### yarn
1. `yarn build`
2. `yarn start`
#### npm
1. `npm run build`
2. `npm run start`
## Accessing Content
You can use the Agility Content Fetch SDK normally - either REST or GraphQL within server components.
## Deploying Your Site
The easiest way to deploy a Next.js website to production is to use [Vercel](https://vercel.com/) from the creators of Next.js, or [Netlify](https:netlify.com). Vercel and Netlify are all-in-one platforms - perfect for Next.js.
## Resources
### Next.js
- [Official site](https://nextjs.org/)
- [Documentation](https://nextjs.org/docs/getting-started)
### Vercel
- [Official site](https://vercel.com/)
### Netlify
- [Official site](https://netlify.com/)
### Tailwind CSS
- [Official site](http://tailwindcss.com/)
- [Documentation](http://tailwindcss.com/docs)
### Community
- [Blog]
- [GitHub](https://github.com/Arya-f4/angkatan-23)
- [LinkedIn]
- [X]
- [Facebook]
## Feedback and Questions
If you have feedback or questions about this starter, please use the [Github Issues](https://github.com/agility/agilitycms-nextjs-starter/issues) on this repo, or join our [Community Slack Channel](https://agilitycms.com/join-slack).