Apollo Angular x Nextra 3 (#2084)

.github/workflows/main.yml

@@ -9,10 +9,10 @@ jobs:
     steps:
       - uses: actions/checkout@master
 
-      - name: Use Node.js 16
+      - name: Use Node.js 18
         uses: actions/setup-node@master
         with:
-          node-version: 16
+          node-version: 18
 
       - uses: actions/cache@v3
         name: Cache node_modules
@@ -59,10 +59,10 @@ jobs:
     steps:
       - uses: actions/checkout@master
 
-      - name: Use Node.js 16
+      - name: Use Node.js 18
         uses: actions/setup-node@master
         with:
-          node-version: 16
+          node-version: 18
 
       - uses: actions/cache@v3
         name: Cache node_modules
@@ -94,7 +94,7 @@ jobs:
       matrix:
         angular_version: [14, 15, 16]
         graphql_version: [15, 16]
-        node_version: [16, 18]
+        node_version: [18]
     steps:
       - name: Use Node.js ${{ matrix.node_version }}
         uses: actions/setup-node@master

.github/workflows/pr.yml

@@ -16,7 +16,7 @@ jobs:
     with:
       npmTag: alpha
       buildScript: build
-      nodeVersion: 16
+      nodeVersion: 18
     secrets:
       githubToken: ${{ secrets.GITHUB_TOKEN }}
       npmToken: ${{ secrets.NPM_TOKEN }}
@@ -28,7 +28,7 @@ jobs:
       npmTag: rc
       restoreDeletedChangesets: true
       buildScript: build
-      nodeVersion: 16
+      nodeVersion: 18
     secrets:
       githubToken: ${{ secrets.GITHUB_TOKEN }}
       npmToken: ${{ secrets.NPM_TOKEN }}

.github/workflows/release.yml

@@ -10,7 +10,7 @@ jobs:
     with:
       createGithubReleases: true
       releaseScript: release
-      nodeVersion: 16
+      nodeVersion: 18
     secrets:
       githubToken: ${{ secrets.GUILD_BOT_TOKEN }}
       npmToken: ${{ secrets.NPM_TOKEN }}

website/next-sitemap.config.cjs

@@ -2,4 +2,5 @@
 module.exports = {
   siteUrl: process.env.SITE_URL || 'https://the-guild.dev/graphql/apollo-angular',
   generateIndexSitemap: false,
+  exclude: ['*/_meta'],
 };

website/next.config.js

@@ -54,7 +54,6 @@ export default withGuildDocs({
       '/docs/1.0': '/v1', // Redirect direct to path
       '/docs/basics/:slug*': '/docs/data/:slug',
       '/docs/1.0/features/cache-updates': '/v1/features/caching',
-      '/docs/data': '/docs/data/queries',
       '/docs/features/developer-tooling': '/docs/development-and-testing/developer-tools',
       '/docs/features/developer-tooling.html': '/docs/development-and-testing/developer-tools',
       '/docs/features/multiple-clients.html': '/docs/recipes/multiple-clients',

website/package.json

@@ -11,20 +11,18 @@
     "test": "echo 'nothing to do here'"
   },
   "dependencies": {
-    "@theguild/components": "5.2.2",
-    "next": "13.4.19",
-    "next-sitemap": "4.2.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@theguild/components": "^6.0.1",
+    "next": "^13.5.4",
+    "next-sitemap": "^4.2.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@theguild/algolia": "1.1.9",
     "@theguild/tailwind-config": "0.3.0",
-    "@types/node": "18.16.16",
-    "@types/react": "18.0.37",
-    "cssnano": "6.0.1",
-    "tailwindcss": "3.3.2",
-    "typescript": "4.9.5"
+    "@types/node": "20.8.4",
+    "@types/react": "18.2.28",
+    "typescript": "5.2.2"
   },
   "browserslist": {
     "production": [

website/src/pages/_meta.ts

@@ -0,0 +1,22 @@
+export default {
+  index: {
+    title: 'Home',
+    type: 'page',
+    display: 'hidden',
+    theme: {
+      layout: 'raw',
+    },
+  },
+  docs: {
+    title: 'v3 (latest)',
+    type: 'page',
+  },
+  v2: {
+    title: 'v2',
+    type: 'page',
+  },
+  v1: {
+    title: 'v1',
+    type: 'page',
+  },
+};

website/src/pages/docs/_meta.ts

@@ -0,0 +1,11 @@
+export default {
+  index: 'Introduction',
+  'get-started': 'Get Started',
+  data: 'Fetching',
+  caching: 'Caching',
+  'local-state': 'Local State',
+  'development-and-testing': 'Development and Testing',
+  performance: 'Performance',
+  recipes: 'Recipes',
+  migration: 'Migration Guide',
+};

website/src/pages/docs/caching/_meta.ts

@@ -0,0 +1,7 @@
+export default {
+  configuration: 'Configuration',
+  interaction: 'Reading and Writing',
+  'garbage-collection': 'Garbage Collection',
+  'field-behavior': 'Customizing Field Behavior',
+  'advanced-topics': 'Advanced Topics',
+};

website/src/pages/docs/data/_meta.ts

@@ -0,0 +1,10 @@
+export default {
+  queries: 'Queries',
+  mutations: 'Mutations',
+  subscriptions: 'Subscriptions',
+  services: 'Query, Mutation, Subscription Services',
+  network: 'Network Layer',
+  pagination: 'Pagination',
+  fragments: 'Using Fragments',
+  'error-handling': 'Error Handling',
+};

website/src/pages/docs/data/pagination.mdx

@@ -1,6 +1,5 @@
 ---
-description:Learn how to implement pagination with Apollo client in both numbered pages and
-cursor-based approaches. Easy to use helper functions provided!
+description: Learn how to implement pagination with Apollo client in both numbered pages and cursor-based approaches. Easy to use helper functions provided!
 ---
 
 # Pagination

website/src/pages/docs/development-and-testing/_meta.ts

@@ -0,0 +1,6 @@
+export default {
+  'using-typescript': 'TypeScript',
+  testing: 'Testing',
+  'client-schema-mocking': 'Mocking New Schema Capabilities',
+  'developer-tools': 'Developer Tools',
+};

website/src/pages/docs/local-state/_meta.ts

@@ -0,0 +1,5 @@
+export default {
+  management: 'Managing Local State',
+  'managing-state-with-field-policies': 'Managing State with Field Policies',
+  'reactive-variables': 'Reactive Variables',
+};

website/src/pages/docs/performance/_meta.ts

@@ -0,0 +1,5 @@
+export default {
+  'improving-performance': 'Improving Performance',
+  'optimistic-ui': 'Optimistic UI',
+  'server-side-rendering': 'Server Side Rendering',
+};

website/src/pages/docs/recipes/_meta.ts

@@ -0,0 +1,9 @@
+export default {
+  'simple-example': 'Simple Example',
+  'automatic-persisted-queries': 'Automatic Persisted Queries',
+  'angular-cli': 'Angular CLI',
+  webpack: ' Webpack Loader',
+  authentication: 'Authentication',
+  'multiple-clients': 'Multiple Clients',
+  nativescript: 'Integrating with NativeScript',
+};

website/src/pages/v1/_meta.ts

@@ -0,0 +1,8 @@
+export default {
+  index: 'Introduction',
+  migration: 'Migration Guide',
+  basics: 'Basics',
+  features: 'Features',
+  guides: 'Guides',
+  recipes: 'Recipes',
+};

website/src/pages/v1/basics/_meta.ts

@@ -0,0 +1,9 @@
+export default {
+  setup: 'Setup and Options',
+  queries: 'Queries',
+  mutations: 'Mutations',
+  services: 'Query, Mutation, Subscription Services',
+  'network-layer': 'Network layer (Apollo Link)',
+  caching: 'Apollo Cache',
+  'local-state': 'Local State Management',
+};

website/src/pages/v1/features/_meta.ts

@@ -0,0 +1,11 @@
+export default {
+  'error-handling': 'Error Handling',
+  caching: 'Direct Cache Access',
+  'optimistic-ui': 'Optimistic UI',
+  'cache-updates': 'Updating the Store',
+  fragments: 'Using Fragments',
+  subscriptions: 'Subscriptions',
+  nativescript: 'Integrating with NativeScript',
+  'multiple-clients': 'Multiple Clients',
+  'static-typing': 'Static Typing',
+};

website/src/pages/v1/guides/_meta.ts

@@ -0,0 +1,5 @@
+export default {
+  'state-management': 'State Management',
+  testing: 'Testing Apollo in Angular',
+  'tools-and-packages': 'Tools and Packages',
+};

website/src/pages/v1/recipes/_meta.ts

@@ -0,0 +1,12 @@
+export default {
+  'simple-example': 'Small Example',
+  'query-splitting': 'Query Splitting',
+  pagination: 'Pagination',
+  authentication: 'Authentication',
+  prefetching: 'Prefetching Data',
+  'server-side-rendering': 'Server Side Rendering',
+  webpack: 'Webpack Loader',
+  meteor: 'Meteor',
+  'angular-cli': 'Angular CLI',
+  'boost-migration': 'Apollo Angular Boost migration',
+};