Corporate Website on the Jamstack Powered by Next.js and Strapi.
Access the following demo site:
- Next.js : used for static site generation
- Integrate with Tailwind CSS
- PostCSS for processing Tailwind CSS
- Support TypeScript
- Headless CMS : built with Strapi
- SEO : Next SEO supports openGraph and JSON-LD
- Lint : Linter with ESLint
- Formatter : Code formatted by Prettier
- Form : Form component built with Formik
- protected by Google reCAPTCHA v3
- Chat : embedding Gitter with a simple JavaScript snippet Sidecar
- API : using Apollo Client to fetch data via GraphQL
- Node.js and npm
type: Collection
| field name | type |
|---|---|
| name | Text |
| logo | Media |
| description | Text |
| priority | Number |
type: Collection
| field name | type |
|---|---|
| slug | Text |
| title | Text |
| image | Media |
| image_sp | Media |
| whats_new | Rich text |
| content | Rich text |
type: Collection
| field name | type |
|---|---|
| image | Media |
| alt | Text |
type: Collection
| field name | type |
|---|---|
| slug | Text |
| type | Text |
| url | Text |
| title | Text |
| description | Text |
| seo_images | Relation with Seo-image |
type: Collection
| field name | type |
|---|---|
| position | Number |
| name | Text |
| item | Text |
type: Single
| field name | type |
|---|---|
| handle | Text |
| site | Text |
| cardtype | Text |
You will need to deploy the frontend and backend projects separately. Here are the docs to deploy each one:
npm run develop
The Strapi backend server will run here => http://localhost:1337
Create a .env.local file similar to .env.example:
GRAPHQL_API=http://localhost:1337/graphql
NEXT_PUBLIC_RECAPTCHA_SITE_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Run the following command on your local environment:
git clone --depth=1 https://github.com/itc-lab/itccorporation.git my-project-name
cd my-project-name
npm install
Create a symbolic link to Strapi's uploads directory:
ln -s [Strapi's uploads directory] public/uploads
Then, you can run locally in development mode with live reload:
npm run dev
The Next frontend server will run here => http://localhost:3000
MIT